CSS text-shadow属性，文本阴影

text-shadow属性

CSS中的text-shadow属性，可以用于设置HTML文本的阴影样式，效果如下示例：

文本阴影效果展示

语法

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

属性值

属性值	描述
h-shadow	设置文本水平方向阴影，单位可以是px、pt、cm、em等
v-shadow	设置文本垂直方向阴影，单位可以是px、pt、cm、em等
blur	设置阴影的模糊效果，单位可以是px、pt、cm、em等
color	设置文本阴影的颜色，可以是颜色名、rgb、hex、hsl等

提示：text-shadow可以只设置两个值（垂直和水平阴影大小），也可以是设置三个值（包括模糊值），也可以设置全部值

text-shadow属性实例代码，及在线编辑器

实例中，使用了px、pt、em和cm等单位：

<p class='t1'>只设置垂直和水平阴影大小</p>
<p class='t2'>设置三个值，包括模糊值</p>
<p class='t3'>设置全部值，包括颜色</p>

<style>
  .t1{font-size:2.5em;text-shadow:2px 2px;}
  .t2{font-size:2.5em;text-shadow:2pt 2pt 0.2em;}
  .t3{font-size:2.5em;text-shadow:0.5cm 0.5cm 5px skyblue;}
</style>

hot：热门