知识库

资源库

模板库

字体库

酷站区

讨论区
快 搜        热门搜索:
当前位置:主页 > 知识库 > 网页制作基础 > CSS >  文章内容

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

2007-06-13 来源:  作者:  【收藏本文】【打印
    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>
    最新五条评论 点击查看全部评论评
    发表您的评论
    用户名:新注册) 密码: 匿名评论
    评论内容(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
    1:用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
    2:本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
    3:请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为