CSS 外邊框與內邊框屬性

2021-08-11 22:10:27 字數 1235 閱讀 4449

1.1 上邊距 margin-top

上邊距也叫頂端邊距,使用上邊距可以設定元素的上邊界,可以使用長度值或百分比。

語法:margin-top:邊距值

說明:margin-top取值範圍包括如下:

長度值相當於設定頂端的絕對邊框值,包括數字和單位;

百分比是設定相對於上級元素的寬度的百分比,允許使用負值;

auto是自動取邊距值,即元素的預設值。

舉例:

火與雪是不相容的:但是這兩盆花卻融洽地開在一起,宛如火上有雪,

或雪上有火.我故而樂之,小小的心靈裡覺得十分奇妙,十分有趣

1.2其他邊距margin-bottom、margin-left、margin-right

底邊邊距用於設定元素下方的邊距值;左側邊距和右側邊距則分別用於設定元素左右兩側的邊距值。其語法和用法與頂端邊距類似,下面用乙個例子來看底邊邊距、左側邊距、和右側邊距的效果。

舉例:

火與雪是不相容的:但是這兩盆花卻融洽地開在一起,宛如火上有雪,

或雪上有火.我故而樂之,小小的心靈裡覺得十分奇妙,十分有趣

1.3外邊距復合屬性 margin

外邊距的復合屬性為對4個邊距設定的略寫。

語法:margin:長度值|百分比|auto

說明:margin的值可以取1到4個,如果只設定1個值,則應用於所有的4個邊界;如果設定2個或3個值,則省略的值與對邊相等;如果設定4個值,則按照上、下、左、右的順序分別對應起邊距。

舉例:

火與雪是不相容的:但是這兩盆花卻融洽地開在一起,宛如火上有雪,

或雪上有火.我故而樂之,小小的心靈裡覺得十分奇妙,十分有趣

1.4 頂端內邊距 padding-top

頂端內邊距屬性padding-tip用於設定上邊框和選擇內容之間的間隔。

語法:padding-top:間隔符

1.5 其他內邊距 padding-bottom、padding-right、padding-left

其他內邊距屬性分別用於設定低端、左、右兩側的間隔,其語法和用法與頂端內邊距類似。

1.6 內邊距符合屬性 padding

語法:

padding:長度值|百分比

css 內邊距 外邊距 邊框

1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...

boder的內邊框 CSS 邊框

邊框的寬度 為邊框指定寬度有兩種方法 可以指定長度值,比如 2px 或 0.1em 或者使用 3 個關鍵字之一,它們分別是 thin medium 預設值 和 thick。注釋 css 沒有定義 3 個關鍵字的具體寬度,所以乙個使用者 可能把 thin medium 和 thick 分別設定為等於 ...

外邊距 內邊距 邊框詳解

外邊距 margin margin可以設定盒子和盒子之間的距離 若想要盒子水平居中,則必須滿足兩個條件 1 盒子必須設定寬度 2 讓左右外邊距為auto margin 10px auto 若想要讓行內元素或行內塊元素水平居中,則只需要給其父元素新增text align center 即可 有關外邊距...