CSS3 CSS3 border-radius 圓角

使用 CSS3 border-radius 屬性，你可以給任何元素製作 “圓角”。

屬性定義及使用說明

border-radius 允許你設定元素的外邊框圓角。當使用一個半徑時確定一個圓形，當使用兩個半徑時確定一個橢圓。這個（橢）圓與邊框的交集形成圓角效果。

border-radius 屬性是一個最多可指定四個

border-*-radius

屬性的複合屬性，這句話的意思就是：

border-radius =

border-top-left-radius

border-top-right-radius

border-bottom-right-radius

border-bottom-left-radius

；

第一個值適用於左上角，第二個值適用於右上角，第三個值適用於右下角，第四個值適用於左下角：

border-raoids： 10px 0 0 0 ；

border-radius： 0 10px 0 0；

border-radius： 0 0 10px 0；

border-radius： 0 0 0 10px；

border-radius： 50%；

好了今天的分享就到這裡了，感謝您的觀看。

您的關注和點贊是我持續寫下去的動力，感謝您的關注！

想了解更多精彩內容，快來關注小白前端圈