邊框在CSS中是非常重要的一個概念。邊框可以讓我們更好的控制一個元素的顯示效果。
border: 1px solid black; /* 邊框為1像素的黑色實線 */
在上面的代碼中,我們使用了 border 屬性來設置邊框。border 屬性有四個值,分別是寬度、樣式、顏色和半徑,它們可以按照任意順序使用。
border-width: 2px; /* 邊框寬度為2像素 */ border-style: dashed; /* 邊框樣式為虛線 */ border-color: #f00; /* 邊框顏色為紅色 */
在上面的代碼中,我們使用了 border-width、border-style 和 border-color 分別設置邊框的寬度、樣式和顏色。
border-radius: 5px; /* 邊框的圓角半徑為5像素 */
在上面的代碼中,我們使用了 border-radius 屬性來設置邊框的圓角半徑。這個屬性可以設置不同的半徑值,分別適用于四個不同的角落。
如果要同時設置邊框的四個屬性,可以用 border 屬性來進行設置:
border: 2px dashed #f00;
在上面的代碼中,我們將邊框的四個屬性都設置在了 border 屬性中,實現了同樣的效果。