一、字體與字符顯示的關(guān)系

這里左右方向的尖角，字體為宋體：<> 
不受字體影響型：＜＞

這里左右方向的尖角，字體為Arial：<> 
不受字體影響型：＜＞

這里左右方向的尖角，字體為L(zhǎng)ucida Sans Unicode：<> 
不受字體影響型：＜＞

這里左右方向的尖角，字體為Times New Roman：<> 
不受字體影響型：＜＞

這里左右方向的尖角，字體為Verdana：<> 
不受字體影響型：＜＞

這里上下方向的尖角，字體為宋體，小尖角：ˇ^ 
不受字體影響型：∧∨

這里上下方向的尖角，字體為Arial，小尖角：ˇ^ 
不受字體影響型：∧∨

這里上下方向的尖角，字體為L(zhǎng)ucida Sans Unicode，小尖角：ˇ^ 
不受字體影響型：∧∨

這里上下方向的尖角，字體為Times New Roman，小尖角：ˇ^ 
不受字體影響型：∧∨

這里上下方向的尖角，字體為Verdana，小尖角：ˇ^ 
不受字體影響型：∧∨

這里是45度尖角，字體為宋體：∠

這里是45度尖角邊形實(shí)體，字體為Arial：∠

這里是45度尖角，字體為L(zhǎng)ucida Sans Unicode：∠

這里是45度尖角，字體為Times New Roman：∠

這里是45度尖角，字體為Verdana：∠

這里是實(shí)體尖角，字體為宋體：► ◄ ▲▼

這里是實(shí)體尖角，字體為Arial：► ◄ ▲▼

這里是實(shí)體尖角，字體為L(zhǎng)ucida Sans Unicode：► ◄ ▲▼

這里是實(shí)體尖角，字體為Times New Roman：► ◄ ▲▼

這里是實(shí)體尖角，字體為Verdana：► ◄ ▲▼

這里是實(shí)體圓，由于大小有限，表現(xiàn)類似一個(gè)六邊形實(shí)體，字體為宋體：●

這里是實(shí)體圓，由于大小有限，表現(xiàn)類似一個(gè)六邊形實(shí)體，字體為Arial：●

這里是實(shí)體圓，由于大小有限，表現(xiàn)類似一個(gè)六邊形實(shí)體，字體為L(zhǎng)ucida Sans Unicode：●

這里是實(shí)體圓，由于大小有限，表現(xiàn)類似一個(gè)六邊形實(shí)體，字體為Times New Roman：●

這里是實(shí)體圓，由于大小有限，表現(xiàn)類似一個(gè)六邊形實(shí)體，字體為Verdana：●

這里是一個(gè)空心的圓形，字體為宋體：○

這里是一個(gè)空心的圓形，字體為Arial：○

這里是一個(gè)空心的圓形，字體為L(zhǎng)ucida Sans Unicode：○

這里是一個(gè)空心的圓形，字體為Times New Roman：○

這里是一個(gè)空心的圓形，字體為Verdana：○

這里是四分之一圓弧，字體為宋體：╰ ╯╭ ╮

這里是四分之一圓弧，字體為Arial：╰ ╯╭ ╮

這里是四分之一圓弧，字體為L(zhǎng)ucida Sans Unicode：╰ ╯╭ ╮

這里是四分之一圓弧，字體為Times New Roman：╰ ╯╭ ╮

這里是四分之一圓弧，字體為Verdana：╰ ╯╭ ╮

二、實(shí)現(xiàn)四分之一實(shí)體圓

以四分之一實(shí)體圓填充四個(gè)角實(shí)現(xiàn)含有背景色的圓角效果。

● ● ● ●

三、實(shí)現(xiàn)實(shí)色背景的圓角矩形

以四分之一實(shí)體圓填充四個(gè)角實(shí)現(xiàn)含有背景色的圓角效果。

四、實(shí)現(xiàn)含有尖角指示的實(shí)色背景的圓角矩形

以四分之一實(shí)體圓填充四個(gè)角，添加尖角符，實(shí)現(xiàn)帶尖角的實(shí)色圓角矩形。

五、實(shí)現(xiàn)新浪微博針對(duì)博文評(píng)論的含尖角的雙邊框圓角矩形效果

以四分之一實(shí)體圓填充四個(gè)角，重復(fù)一次，1像素錯(cuò)位。添加尖角符，2像素上下錯(cuò)位，矩形雙層標(biāo)簽，實(shí)現(xiàn)最終的雙邊框效果。