如何div css设置文字字体下划线距离间距？_烟火

个人资料

微博

正文字体大小：大中小

如何div css设置文字字体下划线距离间距？

(2015-12-15 14:44:45)

分类： web

如何通过CSS对文字下划线设置距离呢？比如让下划线与文字上下间距再间隔开点。

使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。

传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。

1、完整HTML源代码（包括HTML代码与CSS代码）：

http://s11/mw690/001XHsxmgy6XN6uXA4Wca&690css设置文字字体下划线距离间距？" TITLE="如何div css设置文字字体下划线距离间距？" />

2、有距离间距下划线效果截图

http://s16/mw690/001XHsxmgy6XN6yippd0f&690css设置文字字体下划线距离间距？" TITLE="如何div css设置文字字体下划线距离间距？" />

结果：

http://s1/mw690/001XHsxmgy6XN6AItYQ10&690css设置文字字体下划线距离间距？" TITLE="如何div css设置文字字体下划线距离间距？" />

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report