字符上下半高亮的实现实例页面

代码:

CSS代码:
.half{display:inline-block; font:15px/16px arial;}
.half_in{height:9px; _height:7px; border-bottom:1px solid #fff; background-color:#fff; position:absolute; overflow:hidden;}
.half_top .half_in,.half_bot{color:#f30;}
.half_bot .half_in{color:#333;}
                
HTML代码:
<span class="half half_top"><span class="half_in">↕</span>↕</span>
<span class="half half_bot"><span class="half_in">↕</span>↕</span>
                

效果:

上面红: 下边红: