gpt4 book ai didi

html - 导航栏上方的标志

转载 作者:可可西里 更新时间:2023-11-01 13:50:05 27 4
gpt4 key购买 nike

我是第一次做网站,怎么才能让我的网站logo在导航栏上方呢?如果有人可以更正我的代码并告诉我我做错了什么。

www.codepen.io/anon/pen/VaPKaK

最佳答案

您的图片标签中“home”和 style 之间缺少一个空格

您的问题有点令人困惑,您希望 Logo 图像真正出现在导航上方吗?如果是这样,请不要将图像标签放在列表标签​​中

所以代替:

<li id="home"><a class="active" href="#home"><img src="home.png" alt="Home"style="width:20px;height:20px;"></a></li>
<li id="news"><a href="#news">Blog</a></li>

尝试

<a class="active" href="#home"><img src="home.png" alt="Home" style="width:20px;height:20px;"></a>
<li id="news"><a href="#news">Blog</a></li>

此外,尽量不要在您的 html 中添加样式。把它们放在你的 CSS 中。这使它更容易阅读。

这是经过编辑的 Codepen经过所有这些编辑, Logo 位于导航上方。希望有帮助!

关于html - 导航栏上方的标志,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36049445/

27 4 0