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 grid布局的优缺点是什么?

谈谈css实现水平垂直居中布局的方法

css教程

详解纯css实现文字渐变色的两种方式

css如何显示文字的上标和下标

css flex-direction属性怎么用

css如何设置浮动

html+css+jquery做选项卡

css如何控制元素的显示与隐藏

css中inline-block什么意思

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




打赏

取消

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

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

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

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

评论

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