大纲对文本的影响

在CSS中有没有什么方法可以为不同颜色的文本提供轮廓?我想突出我的文字的一些部分,使其更直观-如名称,链接等。改变链接颜色等是当今常见的,所以我想要一些新的东西

CSS3中有一个名为文本笔划的实验性webkit属性,我已经尝试了一段时间,但到目前为止还没有成功

我所做的是使用已经支持的text shadow属性(我相信Chrome、Firefox、Opera和IE9都支持)

使用四个阴影模拟笔划文本:

.strokee{
颜色:白色;
文本阴影:-1px-1px 0#000,1px-1px 0#000,-1px 1px 0#000,1px 1px 0#000;
}
<div class=“strokee”>
在某些浏览器中,此文本应该有一个笔划
&lt/部门&gt

我在这里为你做了一个演示

这里有一个悬停的例子


正如Jason C在评论中提到的,除了Opera Mini之外,现在所有主流浏览器都支持text shadowCSS属性。如果这个解决方案能够实现向后兼容性(对于自动更新的浏览器来说,这并不是一个真正的问题),我相信应该使用文本笔划CSS

发表评论