html - 导航栏中的不同网站链接

标签 html css navbar

我试图在我的导航栏中添加指向不同网站的链接,但我被困在这里。

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

最佳答案

将 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/

关于html - 导航栏中的不同网站链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53698471/

相关文章:

html - fieldset 的底部边框覆盖内容

asp.net - 如何在 asp :textbox 中放置提示

html - 想要在我的导航栏下有一条虚线,但底部边框样式为 : dotted; doesnt do it for me?

html - 帮助解决 css 定位问题。我的工具栏不能放在它下面的 div 上

java - 从节点中删除文本,但不删除后代节点中的文本

javascript - 如何查看文本区域内的结束行字符?

css - 粘性而不是固定页脚

html - 从图像创建HTML/CSS的最佳方法

css - Bootstrap 导航栏固定在右侧

css - 为什么导航类名称是 navbar-default 而不是 navbar