龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

用CSS实现的一页面内的多种HOVER的效果-(0)

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
用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: 9p

  用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="http://www.webjx.com/htmldata/2005-04-17/1113701021.html#" class="a">链接一</a><br>

<a href="http://www.webjx.com/htmldata/2005-04-17/1113701021.html#" class="b">链接二</a>

</body>





精彩图集

赞助商链接