编辑器（note pad++）
电脑
shadow直译阴影、投影，text-shadow即文本效果，该属性一出，为原本网页上效果平平的文字增添了许多色彩，对于部分前端工作人员来说，再也不用将带效果的文字切成图片放在自己的网页上了。今天我就用例子教大家这一属性的设置。示例代码参阅图片：
text-shadow的取值一共有四个，前三个均为长度单位，最后一个为色彩，即阴影的颜色。下图设置了text-shadow：20px 20px 10px #004000；属性取值表示的含义按顺序为阴影向水平方向偏移（右）20px，向垂直方向偏移（下）20px，阴影的大小（范围）为10px，阴影的颜色为#004000.
text-shadow其实是一个比较容易上手的新属性。但需要注意的是前面两个可以为负值，表示向左或者向上偏移，但是第三个的取值（阴影范围）不能为负值。
我们再来看一种情况：text-shadow：20px 20px 10px #004000,30px 30px 40px #000000;相比步骤2而言，你会发现这样设置后文本下面多了一团黑色的阴影。没错text-shadow可以设置多个阴影层！每个阴影层都有自己的水平/垂直偏移，阴影大小和颜色等。
再来看看下面的图片带面及效果，你可以看到实例设置了四个阴影层！事实上没有人对设置阴影层的数量进行过测试，但是在理论范围内，它应当是可以设置N次的，前提是不要求效果，而且你不嫌烦。【但是有一个需要你注意的细节】：设置的每个阴影层的取值之间需要用英文状态的逗号隔开，否则将无法实现效果！！！
时间有限，我这里粗略的提供了几种阴影效果，大家也可以自己调试出适合自己页面的效果。【3D效果】
【镂空内凹覍】
【发光效果】
注意事项：兼容性：Firefox 3.5+ ，Safari 3.0+，opera 9.5+，chrome 4.0+，iE 10+