首页 > CSS教程 > CSS 文本阴影
此章节介绍:

    CSS 文本阴影

    文本阴影

    text-shadow 属性为文本添加阴影。

    最简单的用法是只指定水平阴影(2px)和垂直阴影(2px):

    文字阴影效果!

    实例

    h1 {
      text-shadow: 2px 2px;
    }


    接下来,向阴影添加颜色(红色):

    文字阴影效果!

    实例

    h1 {
      text-shadow: 2px 2px red;
    }


    然后,向阴影添加模糊效果(5px):

    文字阴影效果!

    实例

    h1 {
      text-shadow: 2px 2px 5px red;
    }


    提示:请访问 CSS 字体 一章,学习如何更改字体、文本大小和文本样式。

    提示:请访问 CSS 文本效果 一章,学习如何实现不同的文本效果。


    所有 CSS 文本属性

    属性描述
    color设置文本颜色。
    direction指定文本的方向 / 书写方向。
    letter-spacing设置字符间距。
    line-height设置行高。
    text-align指定文本的水平对齐方式。
    text-decoration指定添加到文本的装饰效果。
    text-indent指定文本块中首行的缩进。
    text-shadow指定添加到文本的阴影效果。
    text-transform控制文本的大小写。
    text-overflow指定应如何向用户示意未显示的溢出内容。
    unicode-bidi与 direction 属性一起使用,设置或返回是否应重写文本来支持同一文档中的多种语言。
    vertical-align指定文本的垂直对齐方式。
    white-space指定如何处理元素内的空白。
    word-spacing设置单词间距。