CSS內邊距和外邊距

2021-08-28 01:56:21 字數 606 閱讀 5854

(一)內邊距

css padding 屬性定義內邊距,即邊框與元素內容之間的空白區域

padding 屬性接受長度值或百分比值,但不允許使用負值

可以依次表達,也可以按照上右下左的順序分別設定各邊的內邊距,各邊均可以使用不同的單位或百分比值:例如h1 等效於

h1 百分數值是相對於其父元素的 width 計算,如果父元素的 width 改變,它們也會改變。

(二)外邊距

圍繞在元素邊框的空白區域是外邊距。設定外邊距會使得文字在自己的背景裡空出來。

而內邊距是帶著文字背景一塊偏離,空出高層空白

margin 屬性接受任何長度單位,可以是畫素、英吋、公釐或 em

與內邊距的設定相同,也可以按照上右下左的順序分別設定各邊的外邊距

h1 ==margin: top right bottom left

可以使用單邊外邊距屬性為元素單邊上的外邊距設定值

p 等同於

p 按照上右下左的順序,css 定義了一些規則,允許為外邊距指定少於 4 個值

①如果缺少左外邊距的值,則使用右外邊距的值

②如果缺少下外邊距的值,則使用上外邊距的值

③如果缺少右外邊距的值,則使用上外邊距的值

內邊距和外邊距

內邊距,在邊框和內容區之間的空白區域。padding 屬性接受長度值或百分比值 或者auto 不允許為負值 1.四個方向內邊距一致時 padding 10px 元素距離外部父元素給邊框的距離均為10px 2.四個方向還可按著上 右 下 左的順序分別定義各內邊距 padding 10px 5px 10...

CSS內邊距黑和外邊距

css margin 外邊距 margin 外邊距 屬性定義元素周圍的空間。margin屬性接受任何長度單位 百分數值甚至負值。margin 清除周圍的 外邊框 元素區域。margin 沒有背景顏色,是完全透明的。margin 可以單獨改變元素的上,下,左,右邊距,也可以一次改變所有的屬性。marg...

css 內邊距 外邊距 邊框

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