应用标识符替代圆角尖角科学研究经验分享

2021-03-21 03:19 jianzhan

1、字体样式与标识符显示信息的关联

这里上下方位的尖角,字体样式为宋体:<> 
不会受到字体样式危害型:<>

这里上下方位的尖角,字体样式为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:► ◄ ▲▼

这里是实体线圆,因为尺寸比较有限,主要表现相近1个6边形实体线,字体样式为宋体:

这里是实体线圆,因为尺寸比较有限,主要表现相近1个6边形实体线,字体样式为Arial:

这里是实体线圆,因为尺寸比较有限,主要表现相近1个6边形实体线,字体样式为Lucida Sans Unicode:

这里是实体线圆,因为尺寸比较有限,主要表现相近1个6边形实体线,字体样式为Times New Roman:

这里是实体线圆,因为尺寸比较有限,主要表现相近1个6边形实体线,字体样式为Verdana:

这里是1个空心的圆形,字体样式为宋体:

这里是1个空心的圆形,字体样式为Arial:

这里是1个空心的圆形,字体样式为Lucida Sans Unicode:

这里是1个空心的圆形,字体样式为Times New Roman:

这里是1个空心的圆形,字体样式为Verdana:

这里是4分之1圆弧,字体样式为宋体:╰ ╯╭ ╮

这里是4分之1圆弧,字体样式为Arial:╰ ╯╭ ╮

这里是4分之1圆弧,字体样式为Lucida Sans Unicode:╰ ╯╭ ╮

这里是4分之1圆弧,字体样式为Times New Roman:╰ ╯╭ ╮

这里是4分之1圆弧,字体样式为Verdana:╰ ╯╭ ╮

2、完成4分之1实体线圆

以4分之1实体线圆填充4个角完成含有情况色的圆角实际效果。

   

css编码:

拷贝编码
编码以下:

.quarter_round{display:inline-block; width:8px; height:8px; overflow:hidden; font-family:'宋体';}.quarter_round span{display:inline-block; font-size:16px; line-height:1;}.quarter_round .lt{}.quarter_round .rt{margin-left:⑺px;}.quarter_round .lb{margin-top:⑹px;}.quarter_round .rb{margin:⑹px 0 0 ⑺px;}

HTML编码:

拷贝编码
编码以下:

&lt;span class=&quot;quarter_round&quot;&gt;&lt;span class=&quot;lt&quot;&gt;●&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;quarter_round&quot;&gt;&lt;span class=&quot;rt&quot;&gt;●&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;quarter_round&quot;&gt;&lt;span class=&quot;lb&quot;&gt;●&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;quarter_round&quot;&gt;&lt;span class=&quot;rb&quot;&gt;●&lt;/span&gt;&lt;/span&gt;

3、完成实色情况的圆角矩形框

以4分之1实体线圆填充4个角完成含有情况色的圆角实际效果。

4、完成含有尖角标示的实色情况的圆角矩形框

以4分之1实体线圆填充4个角,加上尖角符,完成带尖角的实色圆角矩形框。

以4分之1实体线圆填充4个角,加上尖角符,完成带尖角的实色圆角矩形框。

5、完成微博对于博文评价的含尖角的双边框圆角矩形框实际效果

以4分之1实体线圆填充4个角,反复1次,1像素移位。加上尖角符,2像素左右移位,矩形框两层标识,完成最后的双边框实际效果。

以4分之1实体线圆填充4个角,反复1次,1像素移位。加上尖角符,2像素左右移位,矩形框两层标识,完成最后的双边框实际效果。