在CSS中,我們可以使用border
屬性為文字添加邊框。border
屬性可以接收1到4個(gè)值,分別代表border-width
、border-style
、border-color
。
我們可以為一段文字添加2px寬的實(shí)線邊框,顏色為黑色:
p { border: 2px solid #000; }
在上面的代碼中,p
代表段落,你也可以替換成其他選擇器,如div
、span
等。
如果你想單獨(dú)設(shè)置邊框的樣式或顏色,可以使用以下屬性:
border-style
:設(shè)置邊框的樣式,如solid
(實(shí)線)、dashed
(虛線)、dotted
(點(diǎn)線)等。
border-color
:設(shè)置邊框的顏色,可以使用十六進(jìn)制顏色碼或顏色名稱。
為文字添加虛線邊框,顏色為紅色:
p { border-style: dashed; border-color: #ff0000; }
如果你想調(diào)整邊框的位置,可以使用以下屬性:
border-top
:設(shè)置上邊框的寬度、樣式、顏色。
border-right
:設(shè)置右邊框的寬度、樣式、顏色。
border-bottom
:設(shè)置下邊框的寬度、樣式、顏色。
border-left
:設(shè)置左邊框的寬度、樣式、顏色。
為文字添加2px寬的上邊框和下邊框,顏色為黑色:
p { border-top: 2px solid #000; border-bottom: 2px solid #000; }
在上面的代碼中,我們只設(shè)置了上邊框和下邊框,沒有設(shè)置左右邊框,所以文字只有上下邊框,如果你想添加左右邊框,只需要在代碼中加入border-left
和border-right
即可。