CSS3中有許多實用的屬性，其中比較常用的一個是border-radius，可以用來制作圓角效果。而使用border-radius屬性可以制作圓形，則需要將圖片的寬度和高度設為相等，并且使用border-radius: 50%;的寫法來實現。

img{
width: 200px;
height: 200px;
border-radius: 50%;
}

不過，上述方法只能實現普通的圓形效果，而有時我們可能需要制作橢圓、半圓、扇形等特殊形狀的圓。這時，我們可以使用clip-path屬性。clip-path指定一個剪切路徑，元素的內容只會顯示在該路徑內部，外部內容將被裁剪掉。

以下是制作橢圓、半圓、扇形的代碼示例：

/*橢圓*/
img{
width: 200px;
height: 150px;
clip-path: ellipse(50% 50% at 50% 50%);
}
/*兩個半圓組成的圓*/
img{
width: 200px;
height: 200px;
clip-path: polygon(
50% 0%, 100% 50%,
50% 100%, 0% 50%);
}
/*扇形*/
img{
width: 250px;
height: 250px;
clip-path: polygon(
50% 0%, 100% 0%,
100% 50%, 100% 100%,
50% 100%, 0% 100%,
0% 50%);
}

使用clip-path屬性可以實現不同形狀的圓，使頁面效果更加豐富多彩。