不知道怎样做出导航分割线

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

慕粉18163983185

2017-04-10 17:00

不知道怎样做出导航分割线

写回答 关注

1回答

  • sr7
    2017-04-10 17:12:50
    已采纳

    <div class="main nav">

                <ul class="nav_ul">

                      <li><a href="#">Menu</a></li>

                      <li><a href="#">Menu Menu</a></li>

                      <li><a href="#">Menu_Menu</a></li>

                      <li><a href="#">Menu4</a></li>

                      <li><a href="#">Menu_Menu_Menu</a></li>

                      <li><a href="#">Menu_end</a></li>

                </ul>

          </div>

    .main{width:1200px;margin:0 auto;}

    .nav{width:100%;height:36px;}

    .nav_ul li{float:left;padding:8px 0; }

    .nav_ul li:hover{background-color:red; }

    .nav_ul li a{border-right:1px solid #4b575d;padding:0 35px;text-decoration:none;}

    .nav_ul li:last-child a{border-right-width:0;}


十天精通CSS3

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

242553 学习 · 2623 问题

查看课程

相似问题