CSS 畫一個八卦

效果圖： 實現原理： 設置高度爲寬度的2倍的一個框，利用 border 補全另一半的寬度，設置圓角 用兩個 div 設置不同的顏色，定位到圓的上下指定位置。 最後只剩下裏面的小圓圈了。設個寬高，圓角即可。   CSS 1 body{ 2 height: 100%; 3 margin: 0 auto; 4 }

>>阅读原文<<