如何使这些按钮不显示为蓝色链接

所以我只是想创建一个小网站。 （别担心这不会发生 作为标题） 目前，“主页”、“新闻”、“图库”和“关于我们”并不是指向另一个页面的实际按钮。当我做

<a href="Mainpage.htm"> Home </a> 

该按钮变成紫色并带有下划线。 （我知道这就是链接的显示方式）但是有没有一种方法可以使这些按钮保持如图所示的橙色，而不会变成蓝色并带有下划线。谢谢https://i.stack.imgur.com/l5yqG.jpg https://i.stack.imgur.com/l5yqG.jpg

您可以内联设置样式，但最好的方法是通过 css 类。

要内联执行此操作：

<a href="Mainpage.htm" style="color: #fb3f00; text-decoration: none;">Home</a>

通过类来完成：

<a href="Mainpage.htm" class="nav-link">Home</a>

a.nav-link:link
{
   color: #fb3f00;
   text-decoration: none;
}
a.nav-link:visited
{
   color: #fb3f00;
   text-decoration: none;
}
a.nav-link:hover
{
   color: #fb3f00;
   text-decoration: none;
}
a.nav-link:active
{
   color: #fb3f00;
   text-decoration: none;
}

要通过类来完成此操作，您需要将 css 代码放在单独的 css 文件中并将其链接起来，或者您可以将其放在文档的头部。最佳实践是将其放入外部 css 文件中，以便可以在整个过程中使用。

如果您希望橙色出现在每个链接上，只需删除类的“.nav-link”部分并从链接标记中删除 class="nav-link" 即可。这将使所有链接变为橙色，除非您定义了另一个类并将其显式应用于链接标记。

祝你好运！