我的主页和关于链接是否超链接到正确的页面？

Question

我正在处理我上周的项目，我不确定 header 中的前两个链接是否超链接回到 index.html（主页）和 about.html（关于）我的 GitHub 回购协议。另外，如何在没有下划线和蓝色文本的超链接标记装饰的情况下制作单词链接，（我需要它们去一个地址但显示为正常的黑色文本）。

起初我只是将它们固定在导航部分，但后来我玩弄了 nav-bar set-up 我检查了 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;

我需要主页和关于按钮分别转到引用的页面，但也显示为正常的 non-hyperlinked 文本。任何提示或建议将不胜感激，（我就像产前一样，如果我没有正确格式化或最小化，请对我有多少菜鸟）。

Answer 1

用于去除链接下划线并更改其颜色的 CSS 看起来像这样：

a {
  text-decoration: none;
  color: black; 
}

请注意 a 选择器会影响所有锚标记，因此您可能希望使用特定于这些链接的 class 属性对其进行专门化：

<a class="plain-link" href="...">Link</a>

a.plain-link { ... }

此外，您可能面临的另一个问题是原始 post 中的 CSS 仅影响 <header> 和 <header><nav> 中的内容，但不影响 <header><nav><a>, 因此像 <span> 或 <p> 这样的纯文本元素将是黑色的，但在几乎所有浏览器中默认为带下划线和蓝色的链接不是。

我的主页和关于链接是否超链接到正确的页面？

Are my home and about links hyperlinking to the right pages?

html

css

hyperlink

nav