在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”>;
在某些浏览器中,此文本应该有一个笔划
</部门>
我在这里为你做了一个演示
这里有一个悬停的例子
正如Jason C在评论中提到的,除了Opera Mini之外,现在所有主流浏览器都支持text shadow
CSS属性。如果这个解决方案能够实现向后兼容性(对于自动更新的浏览器来说,这并不是一个真正的问题),我相信应该使用文本笔划
CSS