CSS 是樣式表語言,用于定義 HTML 文檔中的樣式。其中包括了填充和邊界的設置,下面我們來介紹一下這兩個屬性的作用。
填充是指元素內部與邊界之間的距離,可以使用padding
屬性進行設置。它可以是一個值,也可以是四個值,分別對應上、右、下、左四個方向的填充值。
/* 一個值表示四個方向的填充都相同 */ div { padding: 10px; } /* 四個值分別表示上、右、下、左四個方向的填充 */ div { padding: 10px 20px 30px 40px; }
邊界是圍繞在元素周圍的線條,可以使用border
屬性進行設置。它同樣可以是一個值或四個值,分別對應上、右、下、左四個方向的邊框。
/* 一個值表示四個方向的邊框都相同 */ div { border: 1px solid black; } /* 四個值分別表示上、右、下、左四個方向的邊框 */ div { border: 1px solid black; border-top-width: 2px; border-left-color: red; }
除了上述兩個屬性,還有margin
屬性可以設置元素的外邊距。它的用法與padding
和border
類似。
了解填充和邊界的設置,可以讓我們更好地掌握 HTML 和 CSS 的布局。