在 CSS 中,我們可以用 border 屬性來(lái)為元素添加邊框。border 屬性可以設(shè)置邊框的樣式、寬度和顏色等。
下面是一些常見(jiàn)的邊框樣式:
border-style: none; /* 無(wú)邊框 */ border-style: solid; /* 實(shí)線 */ border-style: dashed; /* 虛線 */ border-style: dotted; /* 點(diǎn)線 */ border-style: double; /* 雙線 */ border-style: groove; /* 3D 凹槽 */ border-style: ridge; /* 3D 壟狀 */ border-style: inset; /* 3D 凹邊 */ border-style: outset; /* 3D 凸邊 */
可以通過(guò)設(shè)置 border-width 屬性來(lái)定義邊框的寬度,例如:
border-width: 1px; /* 設(shè)置 1px 寬度的邊框 */
當(dāng)然,也可以通過(guò) border-top-width、border-right-width、border-bottom-width、border-left-width 來(lái)分別設(shè)置上、右、下、左邊框的寬度。
最后,通過(guò)設(shè)置 border-color 屬性來(lái)定義邊框的顏色:
border-color: #ccc; /* 將邊框顏色設(shè)置為 #ccc */
同樣,也可以通過(guò) border-top-color、border-right-color、border-bottom-color、border-left-color 來(lái)分別設(shè)置上、右、下、左邊框的顏色。
上一篇css中多行文本框
下一篇css中如何寫子代元素