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

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

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

4赞助商链接

4最新网页特效

·另类的逐行渐隐滚动效果
·简洁个性的弹性滑动文本效果
·逐个变色的文本
·指定长度文本截断和提示效果
·实用的间断和不间断文本滚动效果

4热门网页特效

·星星围绕的超链接
·个性链接注释框
·透明的超链接说明
·鼠标悬停出现背景图片的超链接
·下划线不断闪烁的超链接

4相关网页特效

·随机显示的文本
·在屏幕内沿边框碰撞的文字
·文字删除线1
·同一页面两种不同颜色的超链接
·仿QQ邮箱点击出现提示内容的效果

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

类别：文本特效来源：网络时间：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>

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

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