成都公司：成都市成华区建设南路160号1层9号
重庆公司：重庆市江北区红旗河沟华创商务大厦18楼
怎么设置不同超链接颜色的样式
在网站设计过程中，肯定网站会有很多的超链接，不同的链接使用不同的链接样式是一个很好的选择。那么，怎么在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>。
到此，同一个网页里面不同的超链接样式就设置成功了，依次类推。可以在一个网页里面设置不同的超链接颜色样式。
本站推荐
相关推荐
-
营销型网站设计的2025-09-29 12:14:56
-
.jpg)
做网站的电脑怎么配置才好2025-09-29 12:11:53
-
怎么上传视频到您的网站2025-09-29 12:09:00
-
网站设计中涉及到的技术知识2025-09-29 12:05:55
-
网站标题文字怎么修改？2025-09-29 12:02:53
-
怎么添加网站统计代码？2025-09-29 11:59:52
最新文章
-
VPS主机和虚拟主机的区别2025-09-29 12:48:01
-
浏览器最长容纳的URL长度
2025-09-29 12:48:00
-
简述网站后台管理功能
2025-09-29 12:47:59
-
怎么做网页字体变大变小的功能
2025-09-29 12:47:58
-
怎么设置不同超链接颜色的样式
2025-09-29 12:47:57
-
网站建设中JavaScript的书写规范
2025-09-29 12:45:02