太極圖作為中國傳統文化中的重要圖形，在現代設計中也得到了廣泛的應用。在CSS中，可以使用各種方式來實現太極圖的樣式，本文介紹其中一種比較簡單的方法。

.taiji {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #000;
position: relative;
}
.taiji:before {
content: "";
display: block;
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #fff;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.taiji:after {
content: "";
display: block;
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #000;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

首先，在CSS中定義一個名為.taiji的class，表示太極圖的樣式，通過設置width、height以及border-radius來確定太極圖的大小和形狀。其中，border-radius為50%使得樣式為圓形。

接著，在.taiji樣式中創建兩個偽元素:before和:after，分別用來繪制太極圖的兩部分，即白色和黑色兩個陰陽部分。

偽元素:before代表白色部分，通過設置寬度和高度為50%，即100px，和border-radius為50%來實現同樣的圓形效果。同時，利用position: absolute將其相對于.taiji的位置進行絕對定位，并通過top和left屬性使其居中展示。

偽元素：after代表黑色部分，同理設置大小和形狀，并通過position: absolute、bottom和left屬性以及transform: translateX(-50%)來進行絕對定位和居中展示。

通過以上CSS樣式設置，即可使用HTML代碼創建太極圖的頁面元素，并添加對應的.taiji樣式即可。