CSS3是一種強大的樣式語言，它可以讓我們輕松地創建各種不同的效果以及動態的頁面設計。其中最流行且常用的效果之一就是圓形。在CSS3中，我們可以使用border-radius屬性來創建圓形，并且有多種方法可以實現不同的效果。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}

上面的代碼是創建一個基本的圓形的例子。其中，width和height屬性必須相等，這樣才能保證是一個正圓形。border-radius屬性的值是50%時，可以創建一個圓形，如果調整為其他值，則可以創建其他不同形狀的圓角。

.ellipse {
width: 150px;
height: 100px;
border-radius: 50% / 25%;
}

如果我們將border-radius屬性的值改為50%/25%時，就可以創建一個橢圓形了。其中，“/”后面的25%定義了y軸的半徑，而之前的50%仍然是指x軸的半徑。

.ring {
width: 150px;
height: 150px;
border-radius: 50%;
border: 10px solid #000;
box-sizing: border-box;
}

除了基本形狀外，我們還可以創建有邊框和內部空白的圓形，這種效果被稱為圓環。利用border屬性和box-sizing屬性即可實現。其中，border-radius仍然是定義圓形的半徑，而box-sizing: border-box則將border的寬度計算在內部空白中。

總之，通過這些簡單的示例，我們可以看到，使用CSS3創建圓形變得十分簡單，并且還能夠應用于各種不同的效果中，讓我們的網頁設計更加豐富多彩。