文本阴影属性的使用方法

  介绍

这篇文章将为大家详细讲解有关文本阴影属性的使用方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

文本阴影属性用于为文本添加阴影效果,通过该属性我们可以设置水平或垂直阴影的位置,模糊距离及颜色。

作用:向文本应用阴影。

说明:设置或检索对象中文本的文字是否有阴影及模糊效果。

语法:

文本阴影:h-shadow v-shadow模糊颜色;

h-shadow:水平阴影的位置。允许负值。

v-shadow:垂直阴影的位置。允许负值。

模糊:模糊的距离,可省略。

颜色:阴影的颜色,可省略。

说明:文本阴影属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是0。

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt; style>   h2   {   文本阴影:5 px 5 px 5 px # FF0000;   }   & lt;/style>   & lt;/head>   & lt; body>      & lt; h2>文本阴影效果! & lt;/h2>      & lt;/body>   & lt;/html>

效果图:

文本阴影属性的使用方法

关于文本阴影属性的使用方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

文本阴影属性的使用方法