在使用CSS樣式表制作網頁設計時,最常使用的就是樣式盒屬性。樣式盒屬性指的是控制元素大小、位置、邊框、填充、外邊距等的屬性。
{ height: 100px; width: 200px; border: 1px solid black; padding: 10px; margin: 20px; }
上面的例子中涵蓋了常見的樣式盒屬性:height、width、border、padding和margin。
height和width屬性用于設置元素的高度和寬度,可以設置具體數值或百分比。例如,設置高度為100像素,寬度為200像素:
{ height: 100px; width: 200px; }
border屬性用于設置元素的邊框。可以設置邊框的寬度、樣式和顏色。例如,設置1像素的黑色實線邊框:
{ border: 1px solid black; }
padding屬性用于設置元素的填充,即元素內邊距離邊框的距離。可以設置上下左右四個方向的填充值,也可以用簡寫方式設置。例如,設置上下左右都為10像素的填充:
{ padding: 10px; }
margin屬性用于設置元素的外邊距,即元素周圍的空白區域。也可以設置上下左右四個方向的外邊距,也可以用簡寫方式設置。例如,設置上下左右都為20像素的外邊距:
{ margin: 20px; }
使用以上樣式盒屬性可以方便地控制元素的大小、位置和邊框。
上一篇css樣式省略