CSS變圓屬性是指可以將HTML頁面中的元素或者圖片變成圓形或者橢圓形，這一功能在頁面美化中得到了廣泛應用。使用CSS變圓屬性可以讓頁面元素呈現更加友好、舒適的視覺效果。

border-radius:50%;

在CSS中，通過border-radius屬性即可將元素的邊框變成圓形或者橢圓形。其中，百分比值可以自定義，數值越大，圓的半徑就越大。如上述代碼中，設置值為50%，即將元素的邊框變成一個直徑為元素邊長一半的圓形。

border-radius屬性還可以設置四個值，分別對應元素的四個角，如下代碼：

border-radius: 10px 20px 30px 40px;

上述代碼將元素的左上角設置為10px的圓角，右上角設置為20px的圓角，右下角設置為30px的圓角，左下角設置為40px的圓角。如果四個值的具體大小不相等，那么圓角的形狀就是一個橢圓形。

在實際開發中，CSS變圓屬性是一個非常實用的工具，能夠為頁面注入美感與活力，提高用戶體驗，調整網站或者APP的UI質量。