📜  CSS 更改图像高度 - CSS (1)

📅  最后修改于: 2023-12-03 15:30:11.686000             🧑  作者: Mango

CSS 更改图像高度 - CSS

CSS中可以用height属性来更改图像的高度,让图像更加适应网页布局。

语法
img {
  height: value;
}

其中,value可以为像素值(px)、百分比值(%)或者视口单位(vw、vh)等。

实例
img {
  height: 200px;
}

上述代码将图像的高度设置为200像素。

img {
  height: 50%;
}

上述代码将图像的高度设置为其父元素高度的50%。

img {
  height: 20vw;
}

上述代码将图像的高度设置为视口宽度的20%。

总结

通过CSS的height属性,可以很方便的更改图像的高度,让图像更加适应网页布局。在设置高度值的时候,可以选择像素值、百分比值、视口单位等等,以达到最佳效果。

以上介绍完毕,更多CSS的知识请参考 CSS教程