CSS網(wǎng)頁(yè)文件加邊框的方法
在CSS網(wǎng)頁(yè)文件中,我們可以使用border屬性來(lái)添加邊框,border屬性可以設(shè)置邊框的樣式、寬度和顏色,下面是一些示例代碼:
1、設(shè)置邊框樣式為實(shí)線,寬度為2像素,顏色為黑色:
div { border: 2px solid black; }
2、設(shè)置邊框樣式為虛線,寬度為2像素,顏色為紅色:
div { border: 2px dashed red; }
3、設(shè)置邊框樣式為點(diǎn)線,寬度為2像素,顏色為綠色:
div { border: 2px dotted green; }
4、設(shè)置邊框樣式為雙實(shí)線,寬度為4像素,顏色為藍(lán)色:
div { border: 4px double blue; }
除了以上示例,border屬性還支持其他樣式,如圓角邊框、橢圓邊框等,我們還可以使用border-radius屬性來(lái)設(shè)置圓角的半徑,下面是一個(gè)設(shè)置圓角邊框的示例代碼:
div { border: 2px solid black; border-radius: 10px; }
在這個(gè)示例中,我們?cè)O(shè)置了一個(gè)實(shí)線邊框,并使用border-radius屬性將邊框的四個(gè)角設(shè)置為圓角,這樣,我們就可以得到一個(gè)帶有圓角的邊框了。