如果你想在你的網頁上添加圓圈效果，使用CSS是個不錯的選擇。下面是一些用CSS寫圓圈的方法：

/* 方法一：使用border-radius */
.circle{
width: 100px;
height: 100px;
border-radius: 50%;
}
/* 方法二：使用clip-path */
.circle{
width: 100px;
height: 100px;
clip-path: circle(50%);
}
/* 方法三：使用transform */
.circle{
width: 100px;
height: 100px;
transform: scale(1);
border-radius: 50%;
}
/* 方法四：使用偽元素 */
.circle{
width: 100px;
height: 100px;
position: relative;
}
.circle:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
}

這些方法都能達到圓圈效果，你可以根據自己的喜好選擇其中一種或幾種來使用。