CSS level 3 有一种属性叫做文字阴影, 是用来为有些文字的每个字母加上阴影. 在它最简单的形式里, 它看起来是像这样的:
最简单形式的文字阴影的属性有2个部份: 一种颜色 (像是上述的#333) 和一个偏距 (在上述范例中的0.1em 0.1em). 这将导致在指定的偏距上有清楚的阴影. 但是这个偏距也可以是模糊的而或多或少导致比较不清楚的阴影.
这是有一点危险的, 就像你可以看到的, 如果你的浏览器不能支持文字阴影的话。事实上, 在这个例子里, 背景的颜色和文字的颜色几乎是一样的 (#CCCCCC 和 #D1D1D1), 所以没有文字阴影就几乎没有任何对比.绘画字母做为轮廓
这不是一个完美的轮廓, 并在此时 (2005年8月), 是否CCS应该有一个单独的属性(或者一个text-decoration的参数)来做比较好的轮廓的讨论还是开放的.霓虹发光
如果你把一个模糊阴影放在文字的正后方, 像是偏距为0时, 其效果则是创造一个周围会发光的字母. 如果单一的阴影不够强烈, 那就重复同样的阴影几次:h3.a {text-shadow: 0 0 0.2em #8F7} h3.b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87} h3.c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}

