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层叠是什么

你可能还不知道的7个惊人的css属性!

css伪元素是用来干嘛的

background-repeat属性怎么用

引入的css图片怎么加载不了

css的伪类有哪些

深入理解px、rem、em、vh、vw之间的区别

css中如何设置背景半透明

css中伪类是什么

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




打赏

取消

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

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

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

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

评论

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