css 中 margin 屬性用于控制元素周?chē)目瞻讌^(qū)域,包括上下左右四個(gè)方向,語(yǔ)法為 margin: [ [ []]。
CSS 中 margin 的用法
margin 屬性用于控制元素周?chē)目瞻讌^(qū)域,它可以設(shè)置元素相對(duì)于其父元素的外部空間。
語(yǔ)法
<code>margin: <length auto> [<length auto> [<length auto> [<length auto>]]]</length></length></length></length></code>
登錄后復(fù)制
參數(shù)
:以像素 (px)、厘米 (cm)、英寸 (in) 等單位指定的尺寸值。
:根據(jù)瀏覽器的默認(rèn)值自動(dòng)設(shè)置 margin。
四個(gè) margin 值
margin 屬性可以指定四個(gè)單獨(dú)的值,以控制元素周?chē)煌较虻目瞻讌^(qū)域:
margin-top:控制元素上方的空白區(qū)域。
margin-right:控制元素右方的空白區(qū)域。
margin-bottom:控制元素下方的空白區(qū)域。
margin-left:控制元素左方的空白區(qū)域。
設(shè)置單個(gè) margin 值
要僅設(shè)置一個(gè) margin 值,可以提供一個(gè)參數(shù)。例如:
<code>margin: 20px;</code>
登錄后復(fù)制
這將為元素四周添加 20px 的空白區(qū)域。
設(shè)置多個(gè) margin 值
要設(shè)置多個(gè) margin 值,可以提供多個(gè)參數(shù)。例如:
<code>margin: 10px 20px 30px 40px;</code>
登錄后復(fù)制
這將為元素指定:
上方:10px
右側(cè):20px
下方:30px
左側(cè):40px
使用 auto 關(guān)鍵字
auto 關(guān)鍵字指示瀏覽器自動(dòng)計(jì)算 margin 值。這在某些情況下很有用,例如:
<code>margin: auto;</code>
登錄后復(fù)制
這將使元素在父元素中水平居中。