內邊距與外邊距

2021-09-18 01:29:46 字數 1440 閱讀 1401

內邊距就是邊框與內容之間的距離

padding-top:

padding-right:

padding-bottom:

padding-left:

padding: 上 右 下 左

當省略上右下左中的乙個時,預設與對面的值保持一致,即下對應上、左對應右

我是內容我是內容我是內容

我是內容我是內容我是內容

我是內容

我是內容我是內容我是內容

我是內容我是內容我是內容

我是內容

我是內容我是內容我是內容

我是內容我是內容我是內容

我是內容

我是內容我是內容我是內容

我是內容我是內容我是內容

我是內容

我是內容我是內容我是內容

我是內容我是內容我是內容

我是內容

外邊距是標籤與標籤之間的距離margin-top:

margin-right:

margin-bottom:

margin-left:

margin: 上 右 下 左

當省略上右下左中的乙個時,預設與對面的值保持一致,即下對應上、左對應右

我是內容

我是內容

我是內容

我是內容

我是內容

當兩個標籤同時設定外邊距時,在水平方向會疊加;當設定乙個標籤右外邊距為10px,相鄰標籤左外邊距為20px,則兩個標籤的距離為30px。

在垂直方向會合併;

當乙個標籤的下外邊距為10px,下面的標籤為20px,則兩標籤的距離為20px。

內邊距和外邊距

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

CSS 內邊距與外邊距屬性

外邊距是指用標籤設定的內容外部的邊距。它可以很好地將元素和旁邊的其他元素隔開。1.居中 auto 使用auto屬性值可以將整個被包含在內的內容水平居中,和align center 屬性值有些相似。注意 使用auto屬性值來對內容進行居中,必須準確的填寫內容的總體寬度,auto以填寫的寬度未居中標準。...

css 內邊距 外邊距 邊框

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