字符上下半高亮的实现(菱形字符)实例页面
代码:
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">◆</span>◆</span> <span class="half half_bot"><span class="half_in">◆</span>◆</span>
效果:
上面红:◆◆
下边红:◆◆