box-shadow 属性--设置元素阴影
实例： 向 div 元素添加 box-shadow
<!DOCTYPE html><html>
<head>
<style>
div{
width:300px
height:100px
background-color:#ff9900
-moz-box-shadow: 10px 10px 5px #888888 /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888
}
</style>
</head>
<body>
<div></div>
</body>
</html>
text-shadow 属性 ---设置文字阴影 <!DOCTYPE html>
<html>
<head>
<style>
h1{
text-shadow: 5px 5px 5px #FF0000
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}
对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色}
直接按照上面设置参数就可以实现，希望对你有帮助，望采纳!
直接使用box-shadow:5px 5px 10px black inset属性设置样式样式就可以了。前两个值（5px 5px）是水平和垂直方向的偏移量，正值阴影就会向左向下偏移，负值反之；
第三个值（10px）是设置模糊距离；
black就是阴影的颜色啦；
最后一个inset是在元素内部创建一个阴影，也就是内阴影了；
删除掉inset就是设置外阴影了
