如何用CSS寫圓角？

在CSS中，可以使用border-radius屬性來創(chuàng)建圓角，這個屬性接受一個數(shù)值，表示圓角的半徑大小，如果想要一個半徑為50像素的圓角，可以寫成border-radius: 50px;。

除了數(shù)值外，border-radius屬性還可以接受百分比值，百分比值表示的是元素寬度的百分比。border-radius: 50%;會創(chuàng)建一個半徑為元素寬度50%的圓角。

border-radius屬性還可以接受四個值，分別表示四個角的半徑大小。border-radius: 10px 20px 30px 40px;會分別設(shè)置四個角的半徑大小。

需要注意的是，如果元素沒有邊框，那么圓角將不會被顯示出來，在創(chuàng)建圓角時，需要確保元素有邊框或者背景色。

除了border-radius屬性外，CSS中還有其他一些屬性可以用來創(chuàng)建圓角，例如transform屬性中的rotate()函數(shù)也可以用來創(chuàng)建圓角，使用border-radius屬性是***簡單、***直接的方法。

用CSS寫圓角并不困難，只需要掌握border-radius屬性的使用方法即可，無論是數(shù)值、百分比值還是四個值的設(shè)置方法，都可以輕松實現(xiàn)圓角的創(chuàng)建。