在CSS中,可以使用border-radius
屬性來創(chuàng)建圓角,這個屬性接受一個值,用于指定圓角的半徑大小,如果想要一個半徑為50像素的圓角,可以這樣寫:
div { border-radius: 50px; }
如果想要不同大小的圓角,可以為每個角分別指定一個值,如果想要一個左上角的半徑為20像素,右下角的半徑為30像素的圓角,可以這樣寫:
div { border-radius: 20px 30px 30px 20px; }
***個值表示左上角的半徑,第二個值表示右下角的半徑,第三個值表示右下角的半徑,第四個值表示左上角的半徑。
還可以為border-radius
屬性提供一個百分比值,表示圓角的半徑為元素寬度的百分比,如果想要一個半徑為元素寬度50%的圓角,可以這樣寫:
div { border-radius: 50%; }
就是CSS中創(chuàng)建圓角的方法。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。