如何使这些按钮不显示为蓝色链接 [英] How to make these buttons not appear as blue links

问题描述

所以我只是想创建一个小型网站.(别担心那不会走作为标题)目前，首页"，新闻"，图库"和关于我们"不是指向其他页面的实际按钮.当我这样做

So I'm just trying to create a small website. (Don't worry that's not going to be the title) Right now the "Home" "News" "Gallery" and "About us" are not actual buttons that direct to another page. When I do

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

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

The button turns into color purple and it is underlined. (I know this is how links are shown) But is there a way that I can make these buttons stay color orange like in the picture without them turning blue and underlined. Thanks http://imgur.com/Czsk4

推荐答案

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

You can set the styles inline, but the best way to do it is through a css class.

要内联:

<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文件中，以便可以在整个文件中使用.

To do it through a class, you need to put the css code in a separate css file and link it in or you can put it in the head of the document. The best practice is to put it in an external css file so it can be used throughout.

如果您希望橙色出现在整个链接中，则只需删除类的".nav-link"部分，然后从链接标记中删除class ="nav-link".除非您已定义另一个类并将其明确应用于链接标记，否则这将使所有链接变为橙色.

If you want the orange to be on every link throughout, just remove the ".nav-link" part of the classes and remove the class="nav-link" from the link tag. This will make all links orange unless you have defined a another class and explicitly applied it to a link tag.

祝你好运！

这篇关于如何使这些按钮不显示为蓝色链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！