在CSS中,可以使用border-radius
屬性來(lái)制作圓角,這個(gè)屬性可以設(shè)置一個(gè)元素的邊框半徑,從而實(shí)現(xiàn)圓角的效果。
如果想要讓一個(gè)元素的四個(gè)角都變成圓角,可以這樣做:
element { border-radius: 10px; }
這會(huì)將元素的四個(gè)角都設(shè)置為10像素的圓角,如果想要設(shè)置不同大小的圓角,可以在border-radius
屬性中分別指定四個(gè)角的半徑,
element { border-radius: 10px 20px 30px 40px; }
這會(huì)將元素的四個(gè)角分別設(shè)置為10像素、20像素、30像素和40像素的圓角,如果想要制作橢圓形的圓角,可以使用斜線來(lái)指定水平和垂直半徑:
element { border-radius: 10px 20px 30px / 40px; }
這會(huì)將元素的四個(gè)角分別設(shè)置為10像素、20像素、30像素和40像素的橢圓圓角,希望這些示例能夠幫助你制作出漂亮的圓角效果。