最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

用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>