标签
一个
class类
.然后分别给每个累设置不同的链接颜色，就可以了。
答案补充
<style
type="text/css">
a.a1
{
color:#f00}
a.a1:hover
{
color:#0f0}
a.a2
{
color:#00f}
a.a2:hover
{
color:#ff0}
我写了a1
跟a1
其他两个自己知道怎么定义了吧..
<a
href="#"
class="a1">不同链接颜色</a>
<a
href="#"
class="a2">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
答案补充
<style
type="text/css">
a.a1
{
color:#f00}
a.a1:hover
{
color:#0f0}
a.a2
{
color:#00f}
a.a2:hover
{
color:#ff0}
a.a3
{
color:#f00}
a.a31:hover
{
color:#0f0}
a.a4
{
color:#00f}
a.a4:hover
{
color:#ff0}
</style>
<a
href="#"
class="a1">不同链接颜色</a>
<a
href="#"
class="a2">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
<a
href="#"
class="a3">不同链接颜色</a>
答案补充
a1
到a4
四个不同的类的链接颜色你改改就可以了..我只是给代码例子..
css可定义的链接样式有如下几种：a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
a:link{text-decoration:none} 无下划线
a:link{text-decoration:underline} 有下划线
为了实现不同链接不同效果，可以专门定义链接的CSS规则，比如：
我们常规css是这样的：
a:link{color:#ff0000}
那么网页上所有链接的颜色都是：#ff0000。
然后可以这样去修改：
a:link{color:#ff0000}
.line1 a:link{color:#000000}
同时，在要改变颜色的链接前加上css定义，像这样：<span class=line1><a href="/">不同颜色的超链接</a></span>，这样的话，这个链接的颜色就改变了。
