上篇CSS3文章复习：CSS3 新特性 ——border 边框属性

有童靴们反应CSS3基础比较容易学习，但难在运用。那小编就把课程稍微调整一下，在运用中教大家轻松学习CSS3。

text-shadow 文本阴影

text-shadow 可以给文本设置阴影。它的语法如下：

text-shadow：h-shadow v-shadow blur color;

它的四个参数分别代表水平阴影（必填）、垂直阴影（必填）、模糊距离（选填）、阴影颜色（选填）。

我们来看个例子：

<p>小白前端</p>

给上面的文字加一些阴影效果：

浏览器中查看：

额...这种粗糙的阴影肯定是不好看的啦~

如果我们想要看起来带点模糊效果的文字，可以去掉它的阴影颜色，并且把水平阴影和垂直阴影设置为0。如下：

text-shadow: 0px 0px 10px;

浏览器中查看：

不过这个模糊是给阴影的，文字本身不会受影响。那怎么才能做出来模糊的文字呢？试想，如果我们把文字变透明，只留下有模糊效果的阴影文字不就完美了！text-fill-color属性是给文字设置填充色的，我们给它的属性设置为透明：

浏览器中查看：

这次你的眼前一片模糊了......

如果你想要制作镂空的文字，需要配合使用文字描边属性——text-stroke（目前只有webkit内核支持。童靴们谨慎使用~）,然后把你的文字颜色设置成透明。

浏览器中查看：

当然了，我们可以制作文字渐变效果。但是文字没有渐变的属性，那我们怎么才能实现文字渐变呢？

因为背景色是可以做渐变的，我们把文字本身的颜色设置为透明，然后在使用背景渐变不就阔以了哈哈

在浏览器中查看：

如果你是一个爱学习的孩子，那就关注小白前端，好文章随时推荐给您。你必须非常努力，才能看起来毫不费力！