字符上下半高亮的实现（菱形字符）实例页面

CSS代码：

.half{display:inline-block; font:14px/17px '宋体';}
.half_in{height:6px; border-bottom:3px solid #fff; _border-bottom-width:2px; background-color:#fff; position:absolute; overflow:hidden;}
:root .half_in{height:5px\0;}	/*IE 9*/
.half_top .half_in,.half_bot{color:#f30;}
.half_bot .half_in{color:#333;}
                

HTML代码：

<span class="half half_top"><span class="half_in">&#9670;</span>&#9670;</span>
<span class="half half_bot"><span class="half_in">&#9670;</span>&#9670;</span>