怎么设置不同超链接颜色的样式

申请免费试用、咨询电话：400-8352-114

    在网站设计过程中，肯定网站会有很多的超链接，不同的链接使用不同的链接样式是一个很好的选择。那么，怎么在CSS里面设置不同的超链接颜色样式呢？下面抚州网站建设专家提供一些方法。

事实上，只要在CSS文件里面添加超链接样式的代码就可以实现：
/*这里设置第一种超链接的样式：*/
a.top_nav:link {
 color:#FFFFFF;
font-size:14px;
 font-weight:bold;
 }
 a.top_nav:visited {
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 }
 a.top_nav:hover {
 color:#ff0000;
 font-size:14px;
 font-weight:bold;
 }
 /*这里设置第二种超链接的样式：*/
a.left_nav:link {
 color:#FFFFFF;
font-size:14px;
 font-weight:bold;
 }
 a.left_nav:visited {
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 }
 a.left_nav:hover {
 color:#ff0000;
 font-size:14px;
 font-weight:bold;
 }
将所有上面的代码放置在CSS文件里面，然后引用该CSS文件就可以了。

然后在网页链接里面应用样式，具体方法是：
<a href="http://www.hqzl.net/" class="top_nav">抚州网站建设</a>。
 到此，我们设置了一个超链接样式。

另外一种超链接的样式可以这样引用：
<a href="http://www.hqzl.net/" class="left_nav">抚州网站制作</a>。

到此，同一个网页里面不同的超链接样式就设置成功了，依次类推。可以在一个网页里面设置不同的超链接颜色样式。