导航器和标签

时间:2018-09-21 12:11:47

标签: html css css3

我必须创建一个导航器,是否可以这样编写代码?这是对的吗 ?我已经读到我应该使用标签

  •   <div class="topnav">
        <a class="active" href="index.php">HOME</a>
        <a href="#">ABOUT US</a>
        <a href="#">INVESTEMENT PLAN</a>
        <a href="#">NEWS</a>
        <a href="#">FAQS</a>
        <a href="#">RULES</a>
        <a href="#">CONTACT US</a>
      </div>
    

    但是如何适应我的CSS呢?

    /* The navbar */
    .topnav {
      overflow: hidden;
      vertical-align: baseline;
      letter-spacing: normal;
      word-spacing: 0px;
      font-family: 'Open Sans', sans-serif;
      font-size: 13.333px;
      display: block;
    }
    
    /* Navbar links */
    
    .topnav a {
      float: left;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    
    }
    
    .topnav a:hover {
      background-color: white;
      color: black;
    }
    

    谢谢

  • 1 个答案:

    答案 0 :(得分:1)

    nav标签在HTML中是这样的:

    <nav class="topnav">
        <a class="active" href="index.php">HOME</a>
        <a href="#">ABOUT US</a>
        <a href="#">INVESTEMENT PLAN</a>
        <a href="#">NEWS</a>
        <a href="#">FAQS</a>
        <a href="#">RULES</a>
        <a href="#">CONTACT US</a>
      </nav>
    

    我想您正在寻找这个东西。