用CSS下划线距离
2016-05-11 13:57
363 查看
但在我在CSS中新加了TEXT-DECORATION: underline; 后发现下划线离文本太近了,很难看。
代码一:
代码二:
代码三:
代码一:
a { text-decoration: none; background: url(underline.gif) repeat-x 100% 100%; padding-bottom: 4px; white-space: nowrap; }
代码二:
a { text-decoration: none; padding:0 0 6 0; border-bottom-color:0; border-bottom-width:1px; border-bottom-style:solid; }
代码三:
a{ text-decoration:none; border-bottom:1px solid #ccc; /* #ccc换成链接的颜色 */ display: inline-block; padding-bottom:10px; /*这里设置你要空的距离*/ }
相关文章推荐
- 垂直外边距合并--CSS的Margin属性:详解margin属性
- CSS的一些学习笔记(一)
- 转:【译】CSS3:clip-path详解
- tableView的plain 和grouped 样式
- css的一些总结和注意点
- [版本V2.0]当使用【横向菜单】样式的时候,点击菜单项没有反应问题
- CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效
- CSS样式表继承详解
- CSS position 属性
- CSS3box-shadow属性的使用
- CSS魔法堂:Position定位详解
- css3实战版的点击列表项产生水波纹动画
- JAVA中修改JOptionPane的字体样式(Font)
- 获取元素CSS值之getComputedStyle方法
- css定义超级链接a标签里面的title的样式
- 利用PopupWindow做出仿IOS样式的选择器
- CSS3 box-sizing
- CSS3 text-shadow
- CSS3 transform
- CSS3 transition