其他回答《CSS篇：如何将页面背景设置渐变效果（代码详解）》中，给大家介绍了如何使用css设定背景颜色渐变色。下边本文为大家介绍如何使用css3给内容加上阴影效果呢，我们一起看看如何做。
用css3给内容加上阴影效果编码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本黑影</title>
<style>
h1
{text-shadow: 7px 10px 6px #FF0145;}
p
{text-shadow: 5px 5px 5px #FF0000;}
p1
{text-shadow: 5px 5px 5px #FF4780;}
</style>
</head>
<body>
<h1>AdminJS</h1>
<p>AdminJS</p>
<p1>文本黑影</p1>
</body>
</html>程序执行设计效果图
文字是并没有阴影效果时用<style>里边书写输入代码如下所示：
基本上书写编码实例
<style>
p{text-shadow: 5px 5px 5px #FF0000;}
</style>
<p>AdminJS</p>程序执行设计效果图
text-shadow的词法
横着偏位：指文本黑影相对性文本自身的部位偏位是多少。零为不偏位，与文字位置重叠；正数为往右边偏位；负值为往左边偏位。
竖向偏位：与横着偏位相近，只不过是方向为竖向，即左右偏位。
蒙版半经：蒙版半经越小，则黑影就会越锋利;蒙版半经越多，则黑影就会越若隐若现。
黑影色调：特定黑影颜色，能是一切色调。一般用比较深的色调造就阴影效果，用偏浅颜色造就发光效果。
强烈推荐学习培训：CSS视频教学
以上就是关于教你如何应用css3给内容加上阴影效果（编码详细说明）的具体内容，大量欢迎关注AdminJS其他类似文章！