css如何固定图片的高度

在css中,可以使用height属性来实现图片高度的固定 。 下面小编举例讲解css如何固定图片的高度 。

css如何固定图片的高度

文章插图

需要这些哦
联想笔记本Air14
操作系统Windows 10
z studio10.0
html+css
方式/
1新建一个html文件,定名为test.html,用于讲解css若何固定图片的高度 。
css如何固定图片的高度

文章插图

2在test.html文件内,利用img标签建立一张图片,用于测试 。
css如何固定图片的高度

文章插图

3在test.html文件内,设置img标签的class属性值为myfour 。
css如何固定图片的高度

文章插图

3
4在css标签内,经由过程class设置img标签的样式 。
css如何固定图片的高度

文章插图

5在css标签内,将height属性设置为100px,即将图片的固定高度设置为100px 。
css如何固定图片的高度

文章插图

6在浏览器打开test.html文件,查看实现的结果 。
css如何固定图片的高度

文章插图

总结:1【css如何固定图片的高度】1、利用img标签建立一张图片,设置img标签的class属性值为myfour 。 2、在css标签内,经由过程class设置img标签的样式 。 3、在css标签内,将height属性设置为100px,即将图片的固定高度设置为100px 。 4、在浏览器打开test.html文件,查看实现的结果 。


以上内容就是css如何固定图片的高度的内容啦,希望对你有所帮助哦!

    推荐阅读