在 CSS 中,邊框是在 HTML 元素周圍繪制的線框。可以使用border
屬性來(lái)定義邊框的類型、寬度和顏色。
邊框類型可以通過(guò)border-style
屬性進(jìn)行設(shè)置。如下代碼所示:
border-style: solid; /* 實(shí)線邊框 */ border-style: dashed; /* 虛線邊框 */ border-style: dotted; /* 點(diǎn)線邊框 */ border-style: double; /* 雙實(shí)線邊框 */ border-style: groove; /* 3D 原脊線邊框 */ border-style: ridge; /* 3D 徑向坑紋邊框 */ border-style: inset; /* 3D 凹陷邊框 */ border-style: outset; /* 3D 凸出邊框 */ border-style: none; /* 無(wú)邊框 */
可以通過(guò)組合設(shè)置邊框,如下代碼所示:
border-style: dashed dotted; /* 虛點(diǎn)線邊框 */ border-style: solid double dashed dotted; /* 實(shí)雙虛點(diǎn)線邊框 */ border-top-style: dotted; /* 僅設(shè)置上邊框?yàn)辄c(diǎn)線邊框 */
需要注意的是,如果將border-style
設(shè)置為none
,則該元素將沒(méi)有邊框。