html css引用字体颜色,html CSS如何使字体在任何颜色上都能读取？_html_开发99编程知识库...

虽然 text-shadow 很不错，但它并没有给出你想要的结果。 阴影是一个阴影，对于大多数可以读文本，你需要拥有的是一个"文本边框"。 很遗憾，css中没有文本边框，但是我们可以做一个 ！

我惊讶的是多受欢迎的多重阴影。 这是一个由多个阴影组成的例子，你可以做奇迹：

CSSp {

color: white;

font-size: 20px;

text-shadow:

0.07em 0 black,

0 0.07em black,

-0.07em 0 black,

0 -0.07em black;

}

这个样式只会在你的文本( 上，下，左，右) 周围添加一个阴影( 如同 7%个实际 font-size 一样瘦) 。

但是四个阴影是否足够？ 也许你能得到一个更好的结果。 看起来答案是对的，对我来说有意义，但也可以能是我们在这里的overkilling事件。 注意，在这种情况下，我也减少了阴影的每个大小：

CSSp.with-eight {

text-shadow:

0.05em 0 black,

0 0.05em black,

-0.05em 0 black,

0 -0.05em black,

-0.05em -0.05em black,

-0.05em 0.05em black,

0.05em -0.05em black,

0.05em 0.05em black;

}

然后在白色 background的标记中，你有一个可读性很好的文本：

HTML

This text is readable on any background.

This text is using eight text-shadows.