用CSS实现的一页面内的多种HOVER的效果
日期:10-15  来源:http://www.cnwebshow.com| 作者:网页设计秀
用css实现的一页面内的多种HOVER的效果
如果查看效果请按“运行代码”按钮
以下代码贴到<head>区
<head><style type="text/css">
<!--
.a { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
.a:hover { font-family: "宋体"; font-size: 9pt; color: #FF3333; text-decoration: underline}
.b { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
.b:hover { font-family: "宋体"; font-size: 9pt; color: #99ccff}
body { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
--></style></head>
以下代码贴到<body>区
<body><a href="#" class="a">链接一</a>
<a href="#" class="b">链接二</a><</body>
<head><style type="text/css">
<!--
.a { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
.a:hover { font-family: "宋体"; font-size: 9pt; color: #FF3333; text-decoration: underline}
.b { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
.b:hover { font-family: "宋体"; font-size: 9pt; color: #99ccff}
body { font-family: "宋体"; font-size: 9pt; color: #000000; text-decoration: none}
--></style></head>