实例讲解用CSS设置多彩的连接下划线(2)

2008-02-23 08:44:08来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  我们来看下面的代码:

a.texta {
text-decoration:none;
border-bottom:1px dashed #ccc;/*下边框线,1象素,虚线,颜色ccc*/
color:#c00;
}
a.texta:hover {
border-bottom:1px solid #c00;/*下边框线,1象素,实线,颜色c00*/
color:#666;
}

  通过上面这些设置,即可以实现了虚线到实线的变化效果。口述为虚,眼见为实,我们看下面的实例:

[Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]

关键词:
【推荐给好友】【关闭】
最新五条评论
查看全部评论
评论总数 0 条
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:初学必知:XHTML网页中加入CSS的五种方式

下一篇:总结:CSS网页布局兼容性有哪些要点与诀窍?