CSS3提供了豐富的樣式屬性和選擇器，其中包括八個元素來創(chuàng)建圓形效果。這些元素分別是：

border-radius: 實現(xiàn)圓角
border-top-left-radius: 上左角變?yōu)閳A角
border-top-right-radius: 上右角變?yōu)閳A角
border-bottom-right-radius: 下右角變?yōu)閳A角
border-bottom-left-radius: 下左角變?yōu)閳A角
border-start-start-radius: 從起始位置開始，左上角變?yōu)閳A角（適用于從右到左的文本方向）
border-start-end-radius: 從起始位置開始，右上角變?yōu)閳A角（適用于從右到左的文本方向）
border-end-start-radius: 從終止位置開始，左下角變?yōu)閳A角（適用于從右到左的文本方向）
border-end-end-radius: 從終止位置開始，右下角變?yōu)閳A角（適用于從右到左的文本方向）

使用這些元素，我們可以用純CSS3實現(xiàn)圓形效果，很方便，而無需使用圖像。

以下示例是使用border-radius實現(xiàn)圓形效果：

div {
width: 100px;
height: 100px;
background-color: #ccc;
border-radius: 50%;
}

以下示例是使用border-radius結(jié)合border-top-left-radius，border-top-right-radius，border-bottom-right-radius和border-bottom-left-radius實現(xiàn)圓形效果：

div {
width: 100px;
height: 100px;
background-color: #ccc;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}

使用這些元素，我們還可以創(chuàng)建不同的圓角度數(shù)：

div {
width: 100px;
height: 100px;
background-color: #ccc;
border-top-left-radius: 25%;
border-top-right-radius: 50%;
border-bottom-right-radius: 75%;
border-bottom-left-radius: 100%;
}

這些圓角度數(shù)的組合可以創(chuàng)建各種創(chuàng)新的形狀，包括橢圓形等。

CSS3提供的這些元素，可以大大簡化圓形和圓角效果的創(chuàng)建，同時還能夠創(chuàng)建更加創(chuàng)新的形狀。在現(xiàn)代Web設(shè)計中，CSS3元素已經(jīng)成為不可或缺的工具之一。