怎样做到一个网站有多种超级链接样式？

Question

例如：一个连接的样式为：黑色，没下划线。鼠标经过时，红色，有下划线。点击过后，黑色，没下划线。另一个连接样式为：蓝色，没下划线。鼠标经过时，蓝色，有下划线。点击过后，蓝色，没下划线。我用CSS定义来改那个连接样式，但是，改了后还是只有一个样式。。

Answer 1

<style>
a:link{color:#FF0000}/*未被访问的链接*/
a:visited{color:#00FF00}/*已被访问的链接*/
a:hover{color:#FF00FF}/*当有鼠标悬停在链接上*/
a:active{color:#0000FF}/*被选择的链接*/
</style>补充:也必须按这个顺序 仅仅加入<style>a{TEXT-DECORATION:none}</style>这一句就去掉超链接下划线了，这是个最简单的例子，你试着这样做就会成功的。 上面的例子只是告诉你如何一次性去掉超链接下划线，如果你的网页当中有的超链接需要下划线，有的不需要，该怎么办呢？首先你要构思好，你的网页中的超链接大部分是有下划线的，还是没下划线的？ ��·如果大部分超链接不要下划线，就可以加入<style>a{TEXT-DECORATION:none}</style>这一句，然后在少数要下划线的超链接里使用这个方法，它就有下划线了：<a href=****><u>文字</a>。

Answer 2

span a:link,a:visited {
color: #000;
text-decoration: none;
}
span a:hover {
color: #f00;
text-decoration: underline;
}
a:link {
color:#00F;
text-decoration:none;
}
a:hover,a:visited {
color:#00F;
text-decoration:underline;
}
上面是CSS代码，再在body里加下面两行：<span><a href="#">黑色</a></span>
<a href="#">蓝色</a> 黑色链接外嵌套span标记，区别于蓝色链接。上面的效果都能实现，当然有一点，访问过的链接必须是刷新后才能看到，点击后保持在激活状态，这个状态你可以自己设置，用active伪类就行了。本回答被网友采纳

Answer 3

你可以试着使用专业的网页编辑软件“Dreamweaver”中的“页面编辑”设置页面风格！