CSS的邊框(border)屬性用于設(shè)置HTML元素的邊框樣式,邊框的樣式可以通過以下屬性進行設(shè)置:
border-style
定義邊框的樣式,如solid
(實線)、dashed
(虛線)、dotted
(點線)等。
border-width
定義邊框的寬度,可以使用具體的數(shù)值(如2px
)或相對單位(如medium
、thin
、thick
)。
border-color
定義邊框的顏色,可以使用具體的顏色值(如red
、green
、blue
)或十六進制顏色代碼(如#FF0000
)。
還可以設(shè)置邊框的圓角(border-radius
)、陰影(box-shadow
)等效果,在CSS中,邊框?qū)傩缘闹悼梢詫懺谕粋€聲明中,也可以分開寫。
div { border-style: solid; border-width: 2px; border-color: red; }
或者:
div { border: 2px solid red; }
兩種寫法的效果是一樣的,需要注意的是,如果只想設(shè)置某一方向的邊框,可以使用border-top
、border-right
、border-bottom
和border-left
屬性。