在CSS中,border屬性用于設(shè)置 HTML 元素的邊框。
border屬性有多個(gè)不同的屬性值,可用于定制元素的邊框樣式、寬度和顏色。以下是幾個(gè)常用的border屬性值。
.border { border: 1px solid #000; }
上面這個(gè)例子使用了border屬性設(shè)置元素的邊框?qū)挾龋?像素)、邊框類型(solid)和邊框顏色(黑色)。
.border-dashed { border: 2px dashed #f00; }
這個(gè)例子用了border屬性的另一種邊框類型值——dashed(虛線)。同時(shí),它還將邊框?qū)挾仍O(shè)置為2像素,邊框顏色為紅色。
.border-radius { border: 1px solid #000; border-radius: 10px; }
這個(gè)例子設(shè)置了一個(gè)圓角邊框。除了border屬性,它還應(yīng)用了border-radius屬性,將元素的邊角變?yōu)?0像素的圓角。
總的來說,border屬性提供了許多選項(xiàng),可用于定制 HTML 元素的邊框樣式和外觀。通過靈活使用border屬性,你可以為元素增色不少。