太極圖是一種中國傳統哲學符號，它代表著萬物的起源和平衡，寓意深刻。在網頁設計中，將太極圖融入其中可以為頁面增加不少美感。下面我們就來一起探討如何用 CSS 設計太極圖吧。

首先，我們需要用 HTML 創建一個包含兩個圓的容器。可以使用 div 標簽，并設置其寬高相等，給其添加圓角屬性（border-radius）即可創建圓形容器。

<div class="container">
<div class="left-circle"></div>
<div class="right-circle"></div>
</div>

接下來，我們為這兩個圓分別添加樣式，使其成為太極圖的兩個部分：陰（左）陽（右）。我們可以使用偽元素（::before 和 ::after）為這兩個圓添加陰陽兩種不同顏色，并設置圓心位置為容器中心。

.left-circle, .right-circle {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
border-radius: 50%;
}
.left-circle::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
border-radius: 50%;
background-color: black;
}
.right-circle::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
border-radius: 50%;
background-color: white;
}

最后，為太極圖容器設置背景色或背景圖片，將其居中顯示即可完成。

.container {
position: relative;
width: 300px;
height: 300px;
margin: 50px auto;
background: #ddd;
}

通過以上 CSS 樣式設置，我們便實現了太極圖的美妙效果，展現出中華傳統美學的獨特魅力。