CSS中的邊框屬性是給HTML元素增加外部或內部線框的一種方式。本文將會介紹CSS中的內邊框和外邊框。
外邊框
border: 5px solid black;
上述代碼給元素添加了一個外邊框,其中5px表示邊框的厚度,solid表示邊框為實線,黑色表示邊框的顏色。同時,border-style、border-width、border-color屬性也可以分別設置邊框的樣式、寬度、顏色。
內邊框
padding: 20px;
上述代碼給元素添加了一個內邊框,其中20px表示邊框與內容之間的距離。同時,padding-top、padding-right、padding-bottom、padding-left屬性可以分別設置內邊框的上、右、下、左四個方向的距離。
總結:
內邊框與外邊框是兩種不同的樣式,但它們的調用方法是類似的,只需要設置相應的屬性即可達到目的。可以使用border屬性去定義邊框,也可以使用padding屬性去定義內邊框,通過各種不同的組合方式,我們可以繪制出許多不同的邊框樣式。