Cufon：下划线文本

【问题标题】：Cufon: Underline TextCufon：下划线文本
【发布时间】：2011-03-19 22:41:23
【问题描述】：

如何在替换为 Cufon 的文本下划线？

【问题讨论】：

【解决方案1】：

也许您可以使用普通 CSS 向元素添加 border-bottom 属性？

【讨论】：

【解决方案2】：

Cufon 将一个类添加到它创建的元素中，您可以设置样式（如果您的包含元素有填充/边距，则很有用）。所以对于一个链接，只需使用这个：

a .cufon {border-bottom: solid 1px #000000}
a:hover .cufon {border-bottom: none}

为了防止你的元素向上/向下移动，要么为非悬停状态添加一个边框，要么相应地调整两个元素的高度......

【讨论】：

【解决方案3】：

请注意。为 cufon 类添加边框底部非常难看。

我最好避免在您的设计中为这些字体添加下划线。它在 Photoshop 中可能看起来不错，但不要向您的客户展示。它在 HTML/CSS 中效果不佳。

【讨论】：