只用一個div製作太極圖

今天來說說如何用一個div製作太極圖，之前做太極圖用了很多標籤，然後每個標籤定位啊，設置圓角啊，代碼量肯定不會少，但是今天，我們用一個div就來製作： 　　先看html代碼截圖，真的只有一個標籤哦。 　　再看效果： 　　這其中關鍵就是給這個div設置一邊的邊框（我設置的是底邊框），這一邊的邊框大小是div容器高度的一半，然後給div設置圓角屬性後成了這樣（寫了初始樣式代碼）： 　　　　　　　　 　

>>阅读原文<<