p 元素在 css 中表示段落樣式,默認顯示為塊級元素,文本顏色為黑色,行高等于字體大小的 1.5 倍。可以通過 css 自定義 p 元素的樣式,包括字體、文本顏色、對齊方式、邊距和內邊距等。
CSS 中的 p 元素
p
元素是 HTML 中一個段落元素,在 CSS 中,它代表段落樣式。
默認樣式
<p></p>
元素的默認樣式在大多數瀏覽器中如下:
display: block;
將元素顯示為塊級元素,占滿一行寬度
margin: 1em 0;
設置元素上下邊緣為 1em
font-size: 1em;
設置字體大小為 1em
line-height: 1.5;
設置行高為 1.5 倍字體大小
color: black;
設置文本顏色為黑色
自定義樣式
您可以使用 CSS 對 p
元素進行自定義樣式,例如:
字體樣式:
font-family:
指定字體系列
font-size:
設置字體大小
font-weight:
設置字體粗細
文本顏色和背景:
color:
設置文本顏色
background-color:
設置背景顏色
對齊方式:
text-align:
設置文本對齊方式
邊距和內邊距:
margin:
設置元素外邊距
padding:
設置元素內邊距
其他屬性:
border:
設置元素邊框
float:
設置元素浮動行為
clear:
設置元素清除浮動
使用示例
以下 CSS 代碼將 p
元素的字體大小設置為 1.2em,字體顏色設置為藍色,并且在元素的上方和下方分別添加 2em 的邊距:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">p { font-size: 1.2em; color: blue; margin: 2em 0; }</code>
登錄后復制