问答详情
源自:5-5 CSS3背景 制作导航菜单综合练习题

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

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

提问者:慕粉18163983185 2017-04-10 17:00

个回答

  • 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;}