怎么设置不同超链接颜色的样式
在网站设计过程中，肯定网站会有很多的超链接，不同的链接使用不同的链接样式是一个很好的选择。那么，怎么在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.gengliu.com/" class="top_nav">深圳网站建设</a>。
到此，我们设置了一个超链接样式。
另外一种超链接的样式可以这样引用：
<a href="http://www.gengliu.com/" class="left_nav">深圳网站制作</a>。
到此，同一个网页里面不同的超链接样式就设置成功了，依次类推。可以在一个网页里面设置不同的超链接颜色样式。
本文出自：http://www.gengliu.com/news/713d9e25-c9ad-436a-a27a-51299d2d5756.htm