text-decoration属性文字与下划线重叠的问题

[yangsirgo]

text-decoration: underline;属性会给文本增加下划线，但是下划线与文本贴的比较紧，效果并不好。，可以用border 来处理，请看demo。对于内联元素，改变垂直方向上的border 属性和 padding属性，对原来的布局定位，没有任何影响（元素的默认over-flow属性是visible，如果padding足够大，over-flow的属性是scroll或者是auto，就会有滚动条出现，可以向下滚动，不占空间是假象，有条件的）。