CSS3
CSS3 text-shadow 属性 实例基础的文本阴影效果：
h1{text-shadow: 5px 5px 5px #FF0000;}效果图：
语法text-shadow: h-shadow v-shadow blur color;
注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
值描述h-shadow必需。水平阴影的位置。允许负值。v-shadow必需。垂直阴影的位置。允许负值。blur 可选。模糊的距离。color 可选。阴影的颜色。小案例： <!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style>.demo{font-size: 80px;background-color: #808080;width: 800px;margin: 30px auto;text-align: center;color: white;font-weight: bolder;}.demo1{text-shadow: -2px -2px 8px red;}.demo2{text-shadow: 0px 0px 30px #fff;}.demo3{text-shadow: 0px 0px 30px #fff,0px 0px 50px red;}.demo4{color: black;text-shadow: 0px 1px 0px #fff;}.demo5{color: white;text-shadow: -1px -1px 0px #eee,-2px -2px 0px #ddd ,-3px -3px 0px #c ,-4px -4px 0px #bbb;}.demo6{color: transparent;text-shadow: 0px 0px 8px hsla(30,100%,30%,1);}</style></head><body><div class="demo demo1">好好学习，天天向上</div><div class="demo demo2">好好学习，天天向上</div><div class="demo demo3">好好学习，天天向上</div><div class="demo demo4">好好学习，天天向上</div><div class="demo demo5">好好学习，天天向上</div><div class="demo demo6">好好学习，天天向上</div></body></html> 效果图：