DIV中CSS3text-shadow字体阴影的使用示例

这篇文章主要介绍了DIV中CSS3 text-shadow字体阴影的使用示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站从2013年成立，是专业互联网技术服务公司，拥有项目网站设计制作、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元庆城做网站,已为上家服务,为庆城各地企业和个人服务,联系电话:18980820575

一、CSS3单词与语法

1、CSS3单词：
text-shadow

2、语法结构

p{text-shadow:5px 2px 6px #000;}

设置p盒子里文字阴影效果距离左5px和距离上2px开始显示阴影效果，同时阴影大小范围为6px，阴影颜色为黑色（#000）。

3、说明
文字显示阴影效果共4个值，第一个代表距离左多少距离开始显示阴影效果，第二个值代表距离上多少距离开始显示阴影效果，第三个值代表阴影范围大小，第四个值为阴影效果颜色。

二、案例

1、案例HTML代码

 
 
 
 
 
 
 
 
 
我阴影文字
 
文字阴影测试内容1