使用字元實現的圓角

參考zhangxinxu的「告別—使用字元實現相容性的圓角尖角效果beta版」，寫的乙個使用字元實現圓角的效果。

當今web設計是乙個追求效能的時代，多一張就意味著多一次http請求，使用css設計一些簡單的效果代替，我覺得是一種聽起來就很「雞凍」的做法，終於可以擺脫設計的瓶頸，把主動權把握在自己手裡了，呵呵。在這裡只是拋磚引玉，css博大精深，我們探索的腳步不應該停止。

閒話不扯了，原始碼奉上：

●●●●

text...

樣式：

.box

.c.c b

.ml.mt

.mtl

.t.b

.l.r

另外一種風格：

●●●●

text...

●●●●

再新增樣式：

.box2

.c2.t2

.b2.l2

.r2

很聰明的辦法，技術的關鍵是四個四分之一圓弧的獲得。筆者在操作中使用了strict dtd，結果導致左右下角兩個圓弧顯示分別和左右上角兩個圓弧一樣，改為過渡型後正常；還有，字元字型最好是使用宋體，其他字型font-size無法控制大小（或很難控制或出於字型支援程度考慮）。