在CSS中,可以使用border-radius
屬性來制作圓角矩形。border-radius
屬性可以設(shè)置一個元素的圓角大小,值可以為像素、百分比等。
如果想要一個元素的四個角都是圓角,可以這樣寫:
element { border-radius: 10px; }
如果想要不同角的圓角大小不同,可以分別設(shè)置:
element { border-radius: 10px 20px 30px 40px; }
這樣,元素的左上角、右上角、左下角和右下角的圓角大小分別為10px、20px、30px和40px。
如果想要調(diào)整圓角的形狀,可以使用border-radius
屬性的其他值,例如circle
或ellipse
,來制作圓形或橢圓形的圓角。
element { border-radius: 50% 50% 50% 50%; /* 圓形 */ border-radius: 50% 50% 50% 50% / 60% 60% 60% 60%; /* 橢圓形 */ }
這樣,元素的圓角形狀就會更加多樣化和有趣。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。