CSS div 四個邊框
在 CSS 中,使用border
屬性設置一個元素的邊框。默認情況下,邊框的寬度為 0,顏色為黑色。可以使用border-style
屬性來設置邊框的樣式,如實線、虛線、點線、雙線等等。
div { border-style: solid; }
如果要設置不同的邊框樣式,可以分別設置border-top-style
、border-right-style
、border-bottom-style
和border-left-style
屬性。例如,如果要設置左邊框為雙線,可以這樣寫:
div { border-left-style: double; }
同樣地,border-width
屬性可以用來設置邊框寬度。
div { border-width: 1px; }
可以使用以下簡寫屬性一次性設置所有邊框的樣式和寬度:
div { border: 1px solid black; }
其中,1px 是邊框寬度,solid 是邊框樣式,black 是邊框顏色。
另外,如果要設置某一個邊框的顏色,可以使用border-top-color
、border-right-color
、border-bottom-color
和border-left-color
屬性。例如,如果要設置上邊框的顏色為紅色,可以這樣寫:
div { border-top-color: red; }
通過這些屬性,可以輕松地控制 CSS div 的四個邊框的樣式、寬度和顏色。
下一篇css div變暗