css怎样缩小图片大小 |字体居中css

那么，大家怎样用CSS来缩小图片的大小呢？

img{
width: 50%;
}

通过设置img标签的width属性，大家可以让图片的大小变为原来的50%。同理，如果大家想让图片大小变为原来的30%，代码应该如下：

img{
width: 30%;
}

除了设置图片的宽度以外，大家还可以设置图片的高度来缩小图片的大小。代码如下：

img{
height: 50%;
}

同样的，如果大家想让图片的高度变为原来的30%，代码如下：

img{
height: 30%;
}

需要注意的是，如果同时设置宽度和高度，那么图片会被拉伸或压缩，导致图片变形，影响美观。因此，大家一般只设置宽度或高度中的一个。

另外，如果大家只想缩小某一个特定的图片而不是所有图片，可以给这个图片添加一个特定的class，然后在CSS中对这个class进行设置。比如：

<img src="example.jpg" class="small">
.small{
width: 50%;
}

这样，只有添加了class为“small”的图片会被缩小50%。

总之，CSS提供了多种方法来缩小图片的大小，可以根据实际情况进行选择和设置。