CSS中的邊框(Borders)是用來(lái)在HTML元素的周?chē)鷦?chuàng)建一個(gè)可見(jiàn)的框架。邊框可以在多個(gè)方向上定義，如上、下、左、右。你可以使用CSS的樣式規(guī)則來(lái)定義邊框的厚度、顏色和樣式。邊框樣式可以是實(shí)線、虛線、點(diǎn)狀線或雙實(shí)線等等。

.border {
border: 1px solid black;  
}

在這個(gè)例子中，一個(gè)名為 “border” 的類名被定義，邊框的粗細(xì)為1像素，顏色為黑色，邊框樣式為實(shí)線。

邊框可以添加在元素的外部，內(nèi)部或者不產(chǎn)生事件。你可以使用不同的CSS屬性來(lái)控制邊框的定位方式，如下所示:

• border-top:控制元素頂部邊框的樣式。
• border-right:控制元素右側(cè)邊框的樣式。
• border-bottom:控制元素底部邊框的樣式。
• border-left:控制元素左側(cè)邊框的樣式。
• border-radius:控制元素的邊框角度和圓角程度。

.border{
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-radius: 5px;
}

在這個(gè)例子中，一個(gè)名為 “border” 的類名被定義，每一個(gè)方向的邊框處在相同的位置。邊框的粗細(xì)為1像素，顏色為黑色，邊框樣式為實(shí)線，并且給元素的角度添加了一些圓角。這個(gè)樣式可以在CSS的其他規(guī)則下使用。