设为首页
加入收藏
站内地图
旧版入口
当前位置:首页 > 站长学院 > 网页制作 > CSS

CSS实现一页面内的多种hover效果

作者:佚名 出处:网络转载 时间:10-18 点击:

内容载入中...
   用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><br>

<a href="#" class="b">链接二</a>

</body>
收藏本文:
】【打印页面】【推荐给朋友】【关闭窗口
<< 上一篇 :CSS样式表教程全集
推荐信息