太極圖
border-radius 除了做邊框圓角效果之外，把它用在畫圖示上的話，其實能產生出很多不同的創意哩。筆者今天要繼續使用它來教各位畫-太極圖。
檢視原始碼 HTML
因為太極圖中有一黑一白的圓，所以多放了兩個 div 在區塊中。
接著請張大眼仔細看，筆者要先將大區塊分成一白一黑：
檢視原始碼 CSS
一般的盒子模式(Box Model)是連同邊框寬度都計算在區塊的寬高中的，所以我們想要做一個寬高 100×100 的區塊，但邊框寬度如果是 2px 的話，那么里面的部份應該就是只有 96px。再來特別的是，筆者將右邊的邊框寬度直接設定成 50px，所以區塊內部的寬度就只需要 48px 就可以了。
當這樣設定好再加上 border-radius 圓角效果之后，就會變成~
嘿嘿~已經有一黑一白的區塊的，再來先補上一顆白圓：
檢視原始碼 CSS
這邊就是直接產生一個完整的白色圓形并放在上半部的中間：
新聞熱點
疑難解答
