css如何设置图片高度

小编给大家分享一下CSS如何设置图片高度，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对html标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用

进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上

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

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

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

新建HTML文件

引入图片

预览效果如图

设置图像的高度height: auto

设置图像的高度height: 30%

设置图像的高度height: 10%

预览效果如图

看完了这篇文章，相信你对“css如何设置图片高度”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网精选频道，感谢各位的阅读！