CSS练习-导航栏斜线分隔-利用伪元素-五木十架

开始切第一张图了，第一个遇到的问题是顶部导航栏这里，用斜线分割。想到的思路是用伪类:before或者:after实现

先写html结构。

    导航栏begin   --> 
       div   class  ="header_right fr"  > 
       a   href  ="#"   class  ="link"  > Home   a  > 
       a   href  ="#"   class  ="link"  > About   a  > 
       a   href  ="#"   class  ="link"  > Features   a  > 
       a   href  ="#"   class  ="link"  > Blog   a  > 
       a   href  ="#"   class  ="link"  > Shop   a  > 
       div   class  ="alarm fr"  > 
       img   src  ="./images/alarm.png"   alt  ="alarm"   />  images  >  i   class  ="alarm_number"  > 2   i  > 
       div  > 
       div  > 
     导航栏end   -->  

查看更多关于CSS练习-导航栏斜线分隔-利用伪元素-五木十架的详细内容...