同一页面两种不同颜色的超链接

4当前位置：网页特效－文本特效－同一页面两种不同颜色的超链接

4网页特效分类
时间特效	\|	文本特效
状态标题	\|	背景特效
导航菜单	\|	图片特效
窗口特效	\|	按钮特效
鼠标特效	\|	CSS特效
表单特效	\|	综合特效

4本站推荐内容

4最新网页特效
·间断向上滚动指定高度 ·自动限制文本显示字数 ·仿QQ邮箱点击出现提… ·兼容各种浏览器的鼠… ·很酷的鼠标悬停出现…

4热门网页特效
·星星围绕的超链接 ·个性链接注释框 ·透明的超链接说明 ·鼠标悬停出现背景图… ·下划线不断闪烁的超…

4相关网页特效
·很酷的文字提示效果 ·跳动的文本 ·文字从小变大显示 ·间歇滚动的多行文本 ·变色闪烁链接

同一页面两种不同颜色的超链接

类别：文本特效来源：网络时间：2007-1-16 贴士：推荐给好友

收藏本页 8

<html>
<head>
<title>中国站长天空-网页特效-文本特效-同一页面两种不同颜色的超链接</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
<!--
A.style1:link {
text-decoration: none;
color: #ff9966;
font-weight: normal;
}
A.style1:visited {
text-decoration: none;
color: #ff9966;
font-weight: normal;
}
A.style1:active {
text-decoration: none;
color: #ff9966;
font-weight: normal;
}
A.style1:hover {
text-decoration: underline;
color: #ff0000;
font-weight: normal;
}
A.style2:link {
text-decoration: underline;
color:#ff3322;
font-weight: normal;
}
A.style2:visited {
text-decoration: underline;
color: #ff3322;
font-weight: normal;
}
A.style2:active {
text-decoration: none;
color: #0033ff;
font-weight: normal;
}
A.style2:hover {
text-decoration: none;
color: #0033ff;
font-weight: normal;
}
-->
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<a href="http://www.zzsky.cn" target="_blank" class="style1">中国站长天空</a><br><br>
<a href="http://www.zzsky.cn" target="_blank" class="style2">中国站长天空</a>
</body>
</html>

·上一篇：鼠标悬停雾化的链接超链接

·下一篇：下划线不断闪烁的超链接