我试图在我的导航栏中添加指向不同网站的链接,但我被困在这里。
<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/