使用伪元素制作导航列表项分隔线

来源:5-5 CSS3背景 制作导航菜单综合练习题

weihms

2015-01-04 14:22

/*使用伪元素制作导航列表项分隔线*/

有没有人懂啊,我不太会啊。

写回答 关注

1回答

  • JustDo_IT
    2015-09-09 20:52:16
    已采纳

    .nav li:after{        

    content:"";          

    position:absolute;         

    top:17px;        

     right:0px;          

    width:1px;          

    height:15px;          

    background:linear-gradient(to bottom, #f82f87,#A24,#f82f87);

     }
    .nav li:last-child::after{

    background:none;}      

     .nav a,  .nav a:hover{        

      color:#fff;        

     text-decoration: none;
            }

    weihms

    非常感谢!

    2015-12-09 21:49:12

    共 1 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242201 学习 · 2623 问题

查看课程

相似问题