CSS代碼border是一個用于設置HTML元素邊框的屬性。
border: [border-width] [border-style] [border-color];
其中,border-width表示邊框的寬度,可以設置為像素、百分比等單位;border-style表示邊框的樣式,常見的有實線(solid)、虛線(dashed)、雙實線(double)等等;border-color表示邊框的顏色,可以設置為具體顏色值、RGB值以及十六進制值。
我們也可以分別設置每一個邊框的寬度、樣式和顏色,比如:
border-top-width: 2px; border-top-style: solid; border-top-color: #000000;
這樣就只設置了元素的上邊框為寬度為2像素,樣式為實線,顏色為黑色。
除了設置四個方向的邊框,我們還可以單獨設置左、右、上、下的邊框,比如:
border-left-width: 1px; border-left-style: dotted; border-left-color: #999999;
這樣就只設置了元素的左邊框為寬度為1像素,樣式為點狀線,顏色為灰色。
border屬性也可以在一行內設置多個邊框的寬度、樣式和顏色,比如:
border: 1px solid #999999;
這樣就設置了元素四個方向的邊框寬度為1像素,樣式為實線,顏色為灰色。
總的來說,border屬性是CSS中常用到的屬性之一,可以為網頁元素增加不同樣式的邊框,讓頁面更具吸引力和美觀。