Posted on | by liu
CSS中的图片调整大小方法
在网站制作时，经常需要使用图片来展示内容和美化页面。不同的图片需要不同的大小，如果图片大小不合适，会影响页面的美观度和用户的体验感。那么如何使用CSS对图片进行大小调整呢？下面介绍两种方法。
方法一：利用width和height属性
图片调整大小最基本的方法是利用width和height属性。它们分别表示图片的宽度和高度，可以用百分比或像素值来设置。例如，将图片宽度设置为50%并且高度自适应：
img {
width: 50%;
height: auto;
}方法二：利用background-size属性
如果图片是作为背景使用，可以利用background-size属性来调整其大小。background-size属性也可以用百分比或像素值来设置，有几种不同的取值。例如，将图片使用背景方式展示，并将其大小设置为cover，让图片充满背景并且不变形：
div {
background-image: url("example.jpg");
background-size: cover;
}以上就是两种常用的CSS图片大小调整方法，通过简单的CSS代码就可以实现图片的大小调整，提高页面的美观度和用户体验感。