太極圖作為中國傳統(tǒng)文化中的重要圖案，一直備受喜愛。如何用css畫出太極圖呢？下面我們來學習一下。

.taichi {
width: 200px;
height: 200px;
border-radius: 50%;/* 設置圓形 */
background-color: #000000;
position: relative;
}
.taichi:before {
content: ""; /* 偽元素用于背景色 */
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
margin-left: -50px;
background-color: #ffffff;
}
.taichi:after {
content: "";
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -50px;
background-color: #000000;
}

以上代碼使用了css的偽元素和絕對定位來實現(xiàn)太極圖的兼色和兼陰陽的效果。大家可以根據(jù)自己的需要來調(diào)整尺寸和顏色。希望大家能夠通過這個實踐來熟練掌握css中的各種用法。