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

在css中，可以使用height属性来给元素设置高度，只需要给元素添加“height:20px; ”样式即可设置元素的高度为“20px”。height属性用于设置元素的高度，这个属性定义元素内容区的高度，行内非替换元素会忽略这个属性。

本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。

css设置元素高度为20px

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    		style>
			img.normal {
    				height: auto;
			}
						img.Big {
    				height: 120px;
			}
						p {
    				border: 1px solid red;
			}
						p.ex {
    				height: 250px;
    				width: 250px;
			}
    		/style>
    	/head>
    	body>
    		img class="normal" src="img/1.jpg" width="95" height="84" />
    br>
    		img class="big" src="img/1.jpg" width="95" height="84" />
    		p>
    默认宽度和高度。这是段落中的一些文本。这是段落中的一些文本。 这是段落中的一些文本。/p>
    		p class="ex">
    段落的高和宽是 250px。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。/p>
    	/body>
    /html>
    

效果图：

（学习视频分享：css视频教程）

css height属性

height属性设置元素的高度，默认值为auto，无继承性。

height属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。

行内非替换元素会忽略这个属性。

height属性的属性值：

更多编程相关知识，请访问：编程视频！！

以上就是css怎么设置元素高度为20px的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！