当前位置:Gxlcms > 前端框架 > css怎么设置图片高度

css怎么设置图片高度

时间:2021-07-01 10:21:17 帮助过:42人阅读

css设置图片高度的方法:首先新建HTML文件,并引入图片;然后设置图像的高度为“height:auto”或者“height:30%”;最后查看更改高度的图片的效果即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

css:使用百分比设置图像的高度

新建HTML文件

d36c8169fcbe70bf550126affd662ba.png

引入图片

0c46e4567ac571a691a6cd4fccb63c2.png

预览效果如图

5f4e3634ed4caed77f178458c0c888e.png

设置图像的高度height: auto

4c8e7a3d8fb68dc2780df9737573217.png

设置图像的高度height: 30%

b7a32f82d25025581ee7db26580ea83.png

设置图像的高度height: 10%

faf9f6f528b837cac75eb0a8b5ef482.png

预览效果如图

d458c1f246656af2482449a51c5104e.png

【推荐学习:css视频教程】

以上就是css怎么设置图片高度的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行