当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS中如何让连接的下划线变成虚线

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS中如何让连接的下划线变成虚线 连接(4)font-size(5)变成(5)CSS(655)下划线(5)如何(201)虚线(4)
a { font-size: 14px, CSS中如何实现图片垂直居中 ; text-decoration:none, CSS中元素水平居中显示的方法 ; border-bottom:1px dashed #F00, CSS中一个冒号和两个冒号有什么区别 ; } a:hover { border-bottom:1px solid #000; } 链接状况中去掉了下划线, CSS
CSS中如何让连接的下划线变成虚线》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332612013.htm
a {
font-size: 14px,CSS中如何实现图片垂直居中;
text-decoration:none,CSS中元素水平居中显示的方法;
border-bottom:1px dashed #F00,CSS中一个冒号和两个冒号有什么区别;
}
a:hover {
border-bottom:1px solid #000;
}
链接状况中去掉了下划线,CSS中Zoom属性的一些介绍,又给链接增添了下边框,悬浮时再让下边框线变成实线,这样就能实现虚线链接效果了,CSS中Visibility和Display的区别

Tag:变成  ,CSS中expression使用简介; 连接  ,CSS中display各属性语法参数详解 附实例; 如何  ,CSS中Class与ID的区别,Margin与Padding的区别; 变成  ,CSS两种方法实现隔行换色; 连接  ,CSS下拉菜单的制作; 如何  

比方:

--> [网站建设之]CSS中如何让连接的下划线变成虚线

咱们来学习一下如何实现衔接的下划线是虚线,方式实在很简略。
找到CSS里text-decoration的属性表我们会发明,它里面并不所谓的虚线属性值,只有常常用到的underline、line-through跟none,那虚线后果是怎么出来的呢?



其实它是应用text-decoration:none去掉链接的下划线,而后在链接下面增加下边框线而成的。


(责任编辑:网站建设)
CSS中如何让连接的下划线变成虚线相关文章
上一篇:CSS中如何实现图片垂直居中 下一篇:CSS中如何调整行距,字距
回到顶部