欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css如何自做太極

錢艷冰1年前8瀏覽0評論

自做太極是很有趣的一件事情。現在我們可以通過css來制作一個太極圖案。首先,我們需要創建一個HTML的頁面,代碼如下:

<div class="taiji">
<div class="yin"></div>
<div class="yang"></div>
</div>

其中,taiji是一個組合盒子,它包含yin和yang兩個盒子。接下來,我們可以使用css來添加樣式,代碼如下:

.taiji {
width: 200px;
height: 200px;
border-radius: 50%;
margin: 20px auto;
position: relative;
}
.yin, .yang {
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.yin {
background-color: #000;
}
.yang {
background-color: #fff;
}

通過上述代碼,我們設置了taiji組合盒子,讓它的寬度和高度和邊框半徑都為原本大小的一半。我們同時將它定位到頁面中央。然后,我們制作了兩個大小相等的盒子yin和yang,將它們都定位在taiji盒子的頂部,并對它們分別設定了背景顏色。最后,我們讓yang盒子覆蓋在yin盒子上方,這樣我們的太極圖案就完成了。