在CSS中,您可以使用border-radius
屬性來(lái)設(shè)置元素的弧度。border-radius
屬性可以設(shè)置一個(gè)元素的四個(gè)角的半徑,或者分別設(shè)置每個(gè)角的半徑。
如果您想設(shè)置一個(gè)元素的四個(gè)角的半徑為10px,您可以這樣寫:
element { border-radius: 10px; }
如果您想分別設(shè)置每個(gè)角的半徑,您可以這樣寫:
element { border-radius: 10px 20px 30px 40px; }
在這個(gè)例子中,***個(gè)值10px
表示左上角的半徑,第二個(gè)值20px
表示右上角的半徑,第三個(gè)值30px
表示右下角的半徑,第四個(gè)值40px
表示左下角的半徑。
border-radius
屬性只適用于CSS3及更高版本,如果您使用的是更舊的瀏覽器,可能無(wú)法支持這個(gè)屬性。