內邊距和外邊距是 css 中用于控制元素周圍空白空間的屬性。內邊距設置元素內容與元素邊框之間的空間,通過 padding 屬性設置;外邊距設置元素邊框與相鄰元素之間的空間,通過 margin 屬性設置。
內邊距和外邊距在 CSS 中的表示
內邊距和外邊距是 CSS 中用于設置元素周圍空白空間的屬性。它們在定義元素的布局和用戶界面設計中發揮著至關重要的作用。
內邊距
內邊距是指元素內容與元素邊框之間的空間。它可以通過 padding
屬性來設置,其值可以是單個值(表示所有邊距的相同距離)或四個值(分別表示上、右、下、左的邊距距離)。
語法:
<code>padding: <top><right><bottom><left>;</left></bottom></right></top></code>
登錄后復制
示例:
<code>div { padding: 10px; }</code>
登錄后復制
此示例將為 div 元素設置 10 像素的內邊距,即元素內容在各條邊距上都與元素邊框保持 10 像素的距離。
外邊距
外邊距是指元素邊框與相鄰元素(或視口)之間的空間。它可以通過 margin
屬性來設置,其值也遵循與內邊距類似的規則。
語法:
<code>margin: <top><right><bottom><left>;</left></bottom></right></top></code>
登錄后復制
示例:
<code>div { margin: 20px; }</code>
登錄后復制
此示例將為 div 元素設置 20 像素的外邊距,即元素邊框在各條邊距上都與相鄰元素保持 20 像素的距離。