太極圖是一種非常古老的圖形符號,展示了太極的理念。使用HTML來做太極圖非常的簡單,下面將介紹怎么做。
<div style="width: 200px; height: 200px; background-color: #fff; border: 5px solid #000; border-radius: 50%; position: relative;"> <div style="width: 100px; height: 100px; background-color: #000; border: 5px solid #fff; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);"></div> <div style="width: 100px; height: 100px; background-color: #fff; border: 5px solid #000; border-radius: 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%);"></div> </div>
首先,我們需要創建一個具有圓形形狀的DIV容器,這可以通過CSS中的border-radius屬性來實現。然后,在DIV容器中再創建兩個DIV元素,一個黑色的,一個白色的,分別位于容器的左上角和右上角。在其中一個DIV元素中填充黑色,另一個填充白色。
通過這樣,我們就可以創建一個簡單的太極圖,作為網頁的裝飾。
上一篇c json 讀取可以嗎
下一篇python 運行兩次