html - 如何制作文字装饰: underline with 2px padding?

Question

我喜欢一个听话的前端开发人员必须使用 2px 填充而不是默认情况下的 1px 创建下划线。是否存在简单的解决方案？

PS Yeahh 伙计们，我知道带有黑色背景颜色和 1px * Npx 和 position: relative 的 div，但是它太慢了......

Answer 1

您可以将文本包裹在 span 中，并给它一个 border-bottom 和 padding-bottom:2px;。

像这样

span{
    display:inline-block;
    border-bottom:1px solid black;
    padding-bottom:2px;
}

示例:http://jsfiddle.net/uSMGU/