首页 文章

导航栏中的不同网站链接

提问于
浏览 次
-2

我正试图在我的导航栏中链接到不同的网站，但我被困在这里 .

<body>

<ul>
    <li><a class="active" href="#home">Home</a></li>
    <li><a href="#beeryoga">Beer Yoga</a></li>
    <li><a href="#dayinmylife">A Day in My Life</a></li>
</ul>

这里也是我的css样式表

ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;background-color:lightslategray;}
li {float:left;}
li a {display:block;color:white;text-align:center;padding: 14px 16px;text-decoration:none;}
li a:hover {background-color: #111;}
html css navbar

2 回答

  • 2

    如果要在内部引用指向不同页面的不同链接，请确保您在链接的位置具有匹配的 id 选择器 . 例如：

    这些锚标记将链接到您在另一页上设置的 href 的 href 值：

    <ul>
    <li><a class="active" href="#home">Home</a></li>
    <li><a href="beeryoga.html#beeryoga">Beer Yoga</a></li>
    <li><a href="dayinmylife.html#dayinmylife">A Day in My Life</a></li>
</ul>

    说这是beeryoga.html：

    <body>
    <div id="beeryoga">
        <p>We are linking here!</p>
    </div>
</body>

    说这是dayinmylife.html：

    <body>
    <div id="dayinmylife">
        <p>We are also linking here!</p>
    </div>
</body>
    回复于
  • 0

    将href更改为链接 . 例如：

    <ul>
  <li><a class="active" href="https://stackoverflow.com/">Stack Overflow</a></li>
  <li><a href="another link">Beer Yoga</a></li>
  <li><a href="another link">A Day in My Life</a></li>
</ul>

    如果您将href更改为https://stackoverflow.com/而不是#home，该链接将转到https://stackoverflow.com/

    回复于

相关问题