css 中 margin 屬性用于控制元素周圍的空白區域,包括上下左右四個方向,語法為 margin: [ [ []]。
CSS 中 margin 的用法
margin 屬性用于控制元素周圍的空白區域,它可以設置元素相對于其父元素的外部空間。
語法
<code>margin: <length auto> [<length auto> [<length auto> [<length auto>]]]</length></length></length></length></code>
登錄后復制
參數
:以像素 (px)、厘米 (cm)、英寸 (in) 等單位指定的尺寸值。
:根據瀏覽器的默認值自動設置 margin。
四個 margin 值
margin 屬性可以指定四個單獨的值,以控制元素周圍不同方向的空白區域:
margin-top:控制元素上方的空白區域。
margin-right:控制元素右方的空白區域。
margin-bottom:控制元素下方的空白區域。
margin-left:控制元素左方的空白區域。
設置單個 margin 值
要僅設置一個 margin 值,可以提供一個參數。例如:
<code>margin: 20px;</code>
登錄后復制
這將為元素四周添加 20px 的空白區域。
設置多個 margin 值
要設置多個 margin 值,可以提供多個參數。例如:
<code>margin: 10px 20px 30px 40px;</code>
登錄后復制
這將為元素指定:
上方:10px
右側:20px
下方:30px
左側:40px
使用 auto 關鍵字
auto 關鍵字指示瀏覽器自動計算 margin 值。這在某些情況下很有用,例如:
<code>margin: auto;</code>
登錄后復制
這將使元素在父元素中水平居中。