在CSS中,可以使用border-radius
屬性來調(diào)整元素的圓角。border-radius
屬性可以設(shè)置一個元素的四個角的半徑,也可以分別設(shè)置每個角的半徑。
要設(shè)置一個元素的四個角都為10px的圓角,可以寫:
element { border-radius: 10px; }
如果要分別設(shè)置每個角的半徑,可以寫:
element { border-radius: 10px 20px 30px 40px; }
***個值表示左上角的半徑,第二個值表示右下角的半徑,第三個值表示右下角的半徑,第四個值表示左上角的半徑,注意,這里的半徑值可以是任何有效的CSS長度單位,如px、em、rem等。
如果要調(diào)整元素的邊框樣式,可以使用border-style
屬性,該屬性可以設(shè)置元素的邊框樣式,如solid
、dashed
、dotted
等。
element { border-style: solid; }
這將使元素的邊框變?yōu)閷嵕€樣式,如果要調(diào)整邊框的顏色,可以使用border-color
屬性。
element { border-color: red; }
這將使元素的邊框變?yōu)榧t色。