CSS徑向漸變是CSS3的一項新特性，可以實現很多有趣的效果，比如太極圖。太極圖是中國傳統文化中的一個重要圖案，分為黑白兩色，代表了陰陽的概念。

/* 太極圖樣式 */
#taiji {
width: 200px;
height: 200px;
background-image: radial-gradient(circle, #FFFFFF 50%, #000000 50%);
border-radius: 50%;
position: relative;
}
#taiji::before {
content: "";
width: 100px;
height: 100px;
background-color: #000000;
border-radius: 50%;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
}
#taiji::after {
content: "";
width: 100px;
height: 100px;
background-color: #FFFFFF;
border-radius: 50%;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
}

在上面的代碼中，首先定義了一個id為taiji的div元素，設置了它的寬度、高度和背景顏色。使用了CSS徑向漸變實現了背景色從白色漸變到黑色。border-radius屬性設置了一個圓形的邊框半徑，使得div元素呈現出一個圓形的形狀，即太極圖的中間大圓。

接下來使用了偽元素::before和::after，分別表示太極圖的黑白兩個半部分。它們的寬度和高度都是100px，使用了border-radius屬性設置成圓形。然后分別設置left、top、bottom的值來定位它們的位置，使用了transform屬性來解決垂直居中的問題。

通過以上代碼，我們就可以實現一個簡單但有趣的太極圖效果了。