CSS3中p-tag上的双重文本阴影

Question

是否可以在CSS3的一个p-tag上应用两个文本阴影？ 我想创建一个非常浅黑色的背景，边框为1像素。

这样的事情：

text-shadow: 0 0 55px black; (very light black background to increase white text readabilitiy)
&
text-shadow: 0 1px 0 rgba(0,0,0, .25); (one pixel black drop shadow)

Answer 1

您可以使用逗号分隔阴影：

text-shadow: 0 0 55px black, 0 1px 0 rgba(0,0,0, .25);

Demo fiddle

您可能需要have a look at this article on MDN以获取更多信息。

  

text-shadow CSS属性为文本添加阴影。它接受了   以逗号分隔的阴影列表，应用于文本和   元素的文本装饰。

     

每个阴影都指定为与文本的偏移量，以及   可选颜色和模糊半径值。        从前到后应用多个阴影，第一个指定的阴影位于顶部。

Answer 2

您可以尝试使用此代码：

p { text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; }

参考：CSS SHADOW TRICKS