如何用CSS寫圓角？

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

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

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

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

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

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