[分享]css3怎么设置图片大小

CSS3是一种非常强大的样式语言，为我们提供了许多实用的属性来设置图片大小。/1.设置图片宽高/ img{ width: 100px; /设置图片宽度为100像素/ height: 100px; /设...

CSS3是一种非常强大的样式语言，为我们提供了许多实用的属性来设置图片大小。

/*1.设置图片宽高*/
img{
    width: 100px; /*设置图片宽度为100像素*/
    height: 100px; /*设置图片高度为100像素*/
}

/*2.设置图片最大宽高*/
img{
    max-width: 100px; /*设置图片最大宽度为100像素*/
    max-height: 100px; /*设置图片最大高度为100像素*/
}

/*3.设置图片最小宽高*/
img{
    min-width: 100px; /*设置图片最小宽度为100像素*/
    min-height: 100px; /*设置图片最小高度为100像素*/
}

/*4.等比例缩放*/
img{
    width: 100%; /*设置图片宽度为100%，即占父元素宽度的百分之百*/
    height: auto; /*根据宽度自适应高度，实现等比例缩放*/
} 

通过上述几种方式，我们可以轻松地设置图片的大小，并达到我们想要的效果。