CSS中的外邊距margin與內邊距padding的用法
阿新 • • 發佈：2019-01-25
margin 清除周圍的（外邊框）元素區域。margin 沒有背景顏色，是完全透明的。
margin 可以單獨改變元素的上，下，左，右邊距，也可以一次改變所有的屬性。
| auto | 設定瀏覽器邊距。 這樣做的結果會依賴於瀏覽器 |
| length | 定義一個固定的margin（使用畫素，pt，em等） |
| % | 定義一個使用百分比的邊距 |
簡寫形式：
margin屬性可以有一到四個值。/p>
- margin:25px 50px 75px 100px;
- 上邊距為25px
- 右邊距為50px
- 下邊距為75px
- 左邊距為100px
- margin:25px 50px 75px;
- 上邊距為25px
- 左右邊距為50px
- 下邊距為75px
- margin:25px 50px;
- 上下邊距為25px
- 左右邊距為50px
- margin:25px;
- 所有的4個邊距都是25px
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
| 值 | 說明 |
|---|---|
| length | 定義一個固定的填充(畫素, pt, em,等) |
| % | 使用百分比值定義一個填充 |
padding的用法實質和margin的用法相同
Padding屬性，可以有一到四個值。
padding:25px 50px 75px 100px;
- 上填充為25px
- 右填充為50px
- 下填充為75px
- 左填充為100px
padding:25px 50px 75px;
- 上填充為25px
- 左右填充為50px
- 下填充為75px
padding:25px 50px;
- 上下填充為25px
- 左右填充為50px
padding:25px;
- 所有的填充都是25px
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
- 上內邊距是 25px
- 右內邊距是 50px
- 下內邊距是 25px
- 左內邊距是 50px