减少超链接中文本和下划线之间的间距

Question

我正在为WordPress页面使用自定义超链接，并希望对其进行样式设置，以便下划线非常紧密地拥抱文本底部，即：我希望能够减少文本和下划线之间的间距。到目前为止，我发现one solution涉及使用图像代替下划线，但是我想知道是否还有其他解决方案。

Answer 1

您可以使用span的border属性，然后使用line-height来创建所需的效果，而无需使用图像：

np.ndarray

CSS：

<a href="link.html"><span>Link</span></a>

示例：https://jsfiddle.net/fraggley/Lujyowxz/2/