前端设计

CSS 怎样用css设置超链接字体的不同颜色

2011-04-01

怎样用css设置超链接字体的不同颜色

 

2006-6-7 10:39 yywzy

a:link {

        text-decoration: none;

        color: #31687E;

}

a:visited {

        color: #31687E;

        text-decoration: none;

}

a:hover {

        color: #FF0000;

        text-decoration: none;

}

a:active {

        color: #FF0000;

        text-decoration: none;

}

a.v1:link {

        text-decoration: underline;

        color: #31687E;

}

a.v1:visited {

        color: #31687E;

        text-decoration: underline;

}

a.v1:hover {

        color: #333333;

        text-decoration: underline;

}

a.v1:active {

        color: #FF0000;

        text-decoration: none;

}

上面四个为默认的超级链接的样式,下面四个为不同颜色的链接样式,不过在链接的时候要调用一下v1的名字如这种格式<a href="index.asp" class="v1">首页</a>