CSS3详解：text-shadow

在CSS3详解的上一篇中我们讲到了 。

CSS3 text-shadow是什么？

text-shadow的含义是：文本的阴影，给文本添加阴影效果

CSS3 text-shadow书写格式：

text-shadow:apx bpx cpx #color；

其中a指X轴上的位移，b指Y轴上的位移，c指阴影的宽度，color指阴影的颜色值；a、b可为负，c不能为负。

下面我们来简单的演示两个实例说明text-shadow的用法：

实例一：

.demo01{text-shadow:2px 2px 5px #305999}

实例二：

.demo02{background:#305999;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff}

ok，通过实例二我们可以很简单的给文字添加边框，这只是 text-shadow的一个小技巧罢了，也许你可以创建更好的效果，这里就不一一列举了！