html - 如何使文本变粗并使用 css 填充颜色，并在悬停时更改颜色

Question

我想增加文本的宽度。我不是想把它加粗。我是想把文本内部留空。我的想法是用一种颜色填充文本，然后，悬停时改变颜色。

这是我正在努力完成的图片:

http://img.ctrlv.in/50eee77779a5b.jpg

问题是我找不到如何使用 css 增加文本宽度的方法。(我通过 javascript 找到它，但随后文本假定了图像的属性)(因此悬停效果是不可能的)(我找到了一个在此处的 w3schools 教程中使用 javascript 增加字体宽度的方法

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_canvas_tut_text2 )

我正在寻找一个 html 解决方案(不是 Canvas )

我知道在 CSS3/HTML 5 中有一个快捷方式可以实现这种效果，但无法记忆/搜索我看到这种效果的网站。

任何帮助将不胜感激提前致谢

Answer 1

可能不完美但不确定可以增加字母宽度的 css 选择器，您可以尝试类似的方法:

a:hover {
    letter-spacing: 0.2em;
    color: #07C;
}

这增加了字母之间的距离，对于悬停事件也使用 css 而不是 jquery，它更容易!