css怎麼設定元素高度為20px-css教學-PHP中文網

css怎麼設定元素高度為20px

青灯夜游

發布： 2023-01-04 09:34:30

原創

3351 人瀏覽過

在css中，可以使用height屬性來為元素設定高度，只需要給元素新增「height:20px;」樣式即可設定元素的高度為「20px」。 height屬性用來設定元素的高度，這個屬性定義元素內容區的高度，行內非替換元素會忽略這個屬性。

css怎麼設定元素高度為20px

本教學操作環境：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"    style="max-width:90%"  style="max-width:90%" / alt="css怎麼設定元素高度為20px" ><br>
		<img  class="big" src="img/1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="css怎麼設定元素高度為20px" >
		<p>默认宽度和高度。这是段落中的一些文本。这是段落中的一些文本。 这是段落中的一些文本。</p>
		<p class="ex">段落的高和宽是 250px。这是段落中的一些文本。这是段落中的一些文本。这是段落中的一些文本。</p>
	</body>

</html>

登入後複製

效果圖：

css怎麼設定元素高度為20px

（學習影片分享：css影片教學）

css height屬性

height屬性設定元素的高度，預設值為auto，無繼承性。

height屬性定義元素內容區的高度，在內容區外面可以增加內邊距、邊框和外邊距。

行內非替換元素會忽略這個屬性。

height屬性的屬性值：

值	描述
auto	預設.瀏覽器會計算出實際的高度。
length	使用 px、cm 等單位定義高度。
%	是基於包含它的區塊級物件的百分比高度。
inherit	規定應該從父元素繼承 height 屬性的值。