css怎么设置图片高度


本文摘自PHP中文网,作者藏色散人,侵删。

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怎么设置图片高度的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css设置不了中文字体怎么办

css如何设置字体

详谈css的flex布局(图文介绍)

css怎么设置元素高度为20px

js和css文件位置对页面性能有什么影响?

如何使用css设置背景图的重复与否

html如何加入css样式

css的引入方式有哪些

css背景图片怎么自适应

css column-rule-width属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...