CSS中是否有任何方法可以为不同颜色的文本提供轮廓?我想突出我的文本的一些部分,使其更直观 - 如名称,链接等.改变链接颜色等现在很常见,所以我想要一些新的东西.
字母间距的CSS 规范描述了 CSSletter-spacing属性的效果如下:
此属性指定文本字符之间的间距行为。
因此,我想知道为什么在最后一个字符后添加一个空格,因为这不是 2 个字符之间的空格。
您可以在下图中看到这种情况,我增加了字母间距。您可以看到在 t 之后添加了额外的空间。这张截图是在 Chrome 上截取的,但同样的事情发生在 Firefox 上。
在为居中文本的字母间距设置动画时,我发现这种行为特别不受欢迎。对于 3 个字符,我希望中间字符保持在同一位置,但事实并非如此。
div {
width: 150px;
text-align:center;
border: 1px solid teal;
padding: 5px;
}
span{
transition: letter-spacing 0.2s;
}
span:hover {
letter-spacing: 10px;
}Run Code Online (Sandbox Code Playgroud)
<p>Hover over the word HOT to see the letter-spacing change.</p>
<div>
<span>HOT</span>
</div>
<p>For any word with an even number of letters, the letter after the middle space stays in the same position.</p>
<div>
<span>SHOT</span>
</div> …Run Code Online (Sandbox Code Playgroud)