“<”特殊符号写法 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 6 <title>特殊符号</title>
 7 <style type="text/css">
 8 .ina_an a span{ position:relative; margin:0px 8px 0; vertical-align:-2px;}
 9 .ina_an a span:before{content:"";font-size:0;width:0;height:0;line-height:0;overflow:hidden;display:inline-block;*display:inline;*zoom:1;border:0 dashed transparent;border-width:6px;border-left-style:solid;border-left-color:#666666;position:absolute;top:0px;left:0px;}
10 .ina_an a span:after{content:"";font-size:0;width:0;height:0;line-height:0;overflow:hidden;display:inline-block;*display:inline;*zoom:1;border:0 dashed transparent;border-width:6px;border-left-style:solid;border-left-color:#ebecee;position:absolute;top:0px;left:-2px;}
11 </style>
12 </head>
13 <body>
14     <div class="ina_an">
15         <a href=""><span></span></a>
16     </div>
17 </body>
18 </html>

方法二，京东左侧目录条

posted on 2015-07-23 15:58  zhangjingyun  阅读(903)  评论(0)  编辑  收藏  举报