CSS把图片缩小的方法：可以通过设置图片的width或者height属性来实现图片的宽度高度，从而将图片缩小，比如在css中添加“width:300px; height:200px;”样式代码将图片设置成宽度300px、高度200px大小，
CSS把图片缩小的方法：可以通过设置图片的width或者height属性来实现图片的宽度高度，从而将图片缩小，比如在css中添加“width:300px; height:200px;”样式代码将图片设置成宽度300px、高度200px大小，如需缩小将属性值减少即可。
给图片的img标签设置width或者height的任意一个，图片会自动等比例缩放。我们可以设置这两个属性值小于原图片大小使图片缩小。
示例：
<html><head>
<style type="text/css">
.div1 {
width:300px;
height:200px;
border:solid 1px red
}
.div1 img{
width:50%;
}
</style>
</head>
<body>
<div class="div1"><img src="1.jpg" /></div>
<img src="1.jpg" />
</body>
</html>
效果图：
width 属性：
width 属性设置元素的宽度。
说明
这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。
行内非替换元素会忽略这个属性。
属性值：
auto 默认值。浏览器可计算出实际的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义基于包含块（父元素）宽度的百分比宽度。
inherit 规定应该从父元素继承 width 属性的值。
--结束END--
本文标题: css怎么把图片缩小
本文链接: https://lsjlt.com/news/111016.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0