其实我的方法有点投机 不过效果达到了 蛮简单的

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

Cast1e

2015-08-07 19:26

        .nav{    
         /*制作圆*/   
         border-radius:8px;   
          /*制作导航立体风格*/
          box-shadow:0px 5px #BF3D21;
        }

        /*使用伪元素制作导航列表项分隔线*/
            .nav li:after{
                content:'\2002';
                border-right:1px solid #BF3D21;                
            }
        
        /*删除第一项和最后一项导航分隔线*/
        .nav li:last-child:after{
            border-right:1px solid #f65f57;            
        }

     

写回答 关注

1回答

  • 邱政
    2015-12-16 14:06:28

    我是来刷经演的

十天精通CSS3

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

242555 学习 · 2623 问题

查看课程

相似问题