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

Question

所以我只是想创建一个小型网站。 (别担心那不会发生 成为标题) 现在，“主页”、“新闻”、“图库”和“关于我们”并不是指向另一个页面的实际按钮。当我做的时候

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

按钮变为紫色并带有下划线。 (我知道链接是这样显示的)但是有没有一种方法可以让这些按钮像图片中那样保持橙色，而不会变成蓝色和下划线。谢谢 http://imgur.com/Czsk4

Answer 1

您可以内联设置样式，但最好的方法是通过 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"。这将使所有链接变为橙色，除非您定义了另一个类并将其明确应用于链接标记。

祝你好运!