我正在处理上周的元素,我不确定标题中的前两个链接是否超链接回我的 GitHub 存储库的 index.html(主页)和 about.html(关于)。另外,如何在没有下划线和蓝色文本的超链接标记修饰的情况下制作单词链接(我需要它们转到地址但显示为普通黑色文本)。
起初我只是将它们固定在导航部分,但后来我开始尝试设置导航栏,我检查了 mozilla 和 w3,但没有找到如何按照我需要的方式获取它们。
<nav>
<div><img src="https://github.com/paulrt/Sprint-Challenge--User-Interface/blob/master/img/lambda-black.png?raw=true"></img>
</div>
<nav class="nav-bar">
<a href="http://github.com/paulrt/Sprint-Challenge--User-Interface/blob/master/index.html">Home</a>
<a href="https://github.com/paulrt/Sprint-Challenge--User-Interface/blob/master/about.html">About</a>
这是我的 css,它有一个大洞,因为我傻了
header nav {
width: 65%;
display: flex;
justify-content: flex-row;
align-items: center;
padding: 20px 2%;
font-size: 14px;
font-color: black;
}
header nav about {
}
nav {
margin: auto;
padding: auto;
border: auto;
display: flex;
align-items: center;
justify-content: space-around;
color: black;
我需要主页和关于按钮分别转到引用的页面,但也显示为普通的非超链接文本。任何提示或建议将不胜感激,(我就像产前一样,如果我没有正确格式化或最小化,请对我有多少菜鸟,请放轻松)。
最佳答案
用于去除链接下划线并更改其颜色的 CSS 看起来像这样:
a {
text-decoration: none;
color: black;
}
注意 a
选择器会影响所有 anchor 标签,所以你可能想用 class
来专门化它特定于这些链接的属性:
<a class="plain-link" href="...">Link</a>
a.plain-link { ... }
此外,您可能面临的另一个问题是原始帖子中的 CSS 仅影响 <header>
中的内容。和 <header><nav>
但不是 <header><nav><a>
, 所以像<span>
这样的纯文本元素或 <p>
将是黑色的,但不是在几乎所有浏览器中默认为带下划线和蓝色的链接。
关于html - 我的主页和关于链接是否超链接到正确的页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57532770/