太極，中華文化中的重要圖像符號之一，在設計網頁時，也可以用 CSS 畫出簡單的太極圖形。

首先，我們需要一個圓形的容器：

.taiji {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: black;
position: relative;
}

接著，在圓形容器的中間畫出兩個半圓，一個白色的半圓和一個黑色的半圓，構成太極圖形：

.taiji .yin,
.taiji .yang {
content: "";
display: block;
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.taiji .yin {
background-color: white;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.taiji .yang {
background-color: black;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.taiji .yin:before,
.taiji .yang:before {
content: "";
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.taiji .yin:before {
background-color: black;
}
.taiji .yang:before {
background-color: white;
}

我們使用空的偽元素 :before，畫出每一個半圓的小圓點。最終代碼如下：

通過以上的 CSS 代碼，我們便可以畫出一個簡單的太極圖形。通過調整容器的大小、設置不同的顏色等，也可以創造出更加豐富的太極圖形。