使用字符代替圆角尖角研究心得分享

一、字体与字符显示的关系

这里左右方向的尖角，字体为宋体<> 
不受字体影响型＜＞

这里左右方向的尖角，字体为Arial<> 
不受字体影响型＜＞

这里左右方向的尖角，字体为Lucida Sans Unicode<> 
不受字体影响型＜＞

这里左右方向的尖角，字体为Times New Roman<> 
不受字体影响型＜＞

这里左右方向的尖角，字体为Verdana<> 
不受字体影响型＜＞

这里上下方向的尖角，字体为宋体，小尖角ˇ^ 
不受字体影响型∧∨

这里上下方向的尖角，字体为Arial，小尖角ˇ^ 
不受字体影响型∧∨

这里上下方向的尖角，字体为Lucida Sans Unicode，小尖角ˇ^ 
不受字体影响型∧∨

这里上下方向的尖角，字体为Times New Roman，小尖角ˇ^ 
不受字体影响型∧∨

这里上下方向的尖角，字体为Verdana，小尖角ˇ^ 
不受字体影响型∧∨

这里是45度尖角，字体为宋体∠

这里是45度尖角边形实体，字体为Arial∠

这里是45度尖角，字体为Lucida Sans Unicode∠

这里是45度尖角，字体为Times New Roman∠

这里是45度尖角，字体为Verdana∠

这里是实体尖角，字体为宋体► ◄ ▲▼

这里是实体尖角，字体为Arial► ◄ ▲▼

这里是实体尖角，字体为Lucida Sans Unicode► ◄ ▲▼

这里是实体尖角，字体为Times New Roman► ◄ ▲▼

这里是实体尖角，字体为Verdana► ◄ ▲▼

这里是实体圆，由于大小有限，表现类似一个六边形实体，字体为宋体●

这里是实体圆，由于大小有限，表现类似一个六边形实体，字体为Arial●

这里是实体圆，由于大小有限，表现类似一个六边形实体，字体为Lucida Sans Unicode●

这里是实体圆，由于大小有限，表现类似一个六边形实体，字体为Times New Roman●

这里是实体圆，由于大小有限，表现类似一个六边形实体，字体为Verdana●

这里是一个空心的圆形，字体为宋体○

这里是一个空心的圆形，字体为Arial○

这里是一个空心的圆形，字体为Lucida Sans Unicode○

这里是一个空心的圆形，字体为Times New Roman○

这里是一个空心的圆形，字体为Verdana○

这里是四分之一圆弧，字体为宋体╰ ╯╭ ╮

这里是四分之一圆弧，字体为Arial╰ ╯╭ ╮

这里是四分之一圆弧，字体为Lucida Sans Unicode╰ ╯╭ ╮

这里是四分之一圆弧，字体为Times New Roman╰ ╯╭ ╮

这里是四分之一圆弧，字体为Verdana╰ ╯╭ ╮

二、实现四分之一实体圆

以四分之一实体圆填充四个角实现含有背景色的圆角效果。

● ● ● ●

三、实现实色背景的圆角矩形

以四分之一实体圆填充四个角实现含有背景色的圆角效果。

四、实现含有尖角指示的实色背景的圆角矩形

以四分之一实体圆填充四个角，添加尖角符，实现带尖角的实色圆角矩形。

五、实现新浪微博针对博文评论的含尖角的双边框圆角矩形效果

以四分之一实体圆填充四个角，重复一次，1像素错位。添加尖角符，2像素上下错位，矩形双层标签，实现最终的双边框效果。