CSS3 文本效果

CSS3 文本效果

CSS3中包含几个新的文本特征。

在本节中您将了解以下文本属性：

• text-shadow

• box-shadow

• text-overflow

• word-wrap

• word-break

浏览器支持

CSS3的文本阴影

CSS3中，text-shadow属性适用于文本阴影。

您指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色：

给标题添加阴影:

h1
{
    text-shadow: 5px 5px 5px #FF0000;
}

CSS3 box-shadow属性

CSS3 中 CSS3 box-shadow 属性适用于盒子阴影

接下来给阴影添加颜色

接下来给阴影添加一个模糊效果