Question

用html和css怎么写这个导航啊，求大神帮我

Answer 1

<div class="menu">
        <ul>
          <li class="cur"><a href="#">HOME</a></li>
          <li><a href="#">ABOUT</a></li>
          <li><a href="#">SERVICES</a></li>
          <li><a href="#">CLIENTS</a></li>
          <li><a href="#">PORTFOLIO</a></li>
          <li><a href="#">CONTACTS</a></li>
        </ul>
      </div>
      
     <style>
        .menu ul {text-align:justify;font-size:0;letter-spacing:-4;height:69px}
        .menu ul:after {display:inline-block;width:100%;height:\20;overflow:hidden}
        .menu ul li {display:inline-block;line-height:69px}
        .menu ul li.cur a {color:#9cd249}
        .menu ul li a {display:inline-block;font-size:22px;font-family:BebasNeue;color:#fff;padding:0 20px}
        .menu ul li a:hover {color:#9cd249}
     </style>

大致思路就是这样，你自己在我代码的基础上扩展就好