阴影分为盒子阴影和字体阴影，盒子阴影用box-shadow来引用，字体阴影用text-shadow来表示。
盒子阴影box-shadow：none表示无阴影；box-shadow： inset表示内阴影；
shadow里面包含X轴偏移量，Y轴偏移量，阴影模糊半径，阴影扩展半径，阴影颜色，
投影方式。
第1个长度值⽤来设置对象的阴影⽔平偏移值。⽔平偏移量正值向右 负值向左；
第2个长度值⽤来设置对象的阴影垂直偏移值。垂直偏移量正值向下 负值向上；
如果提供了第3个长度值则⽤来设置对象的阴影模糊值。模糊度是 不能为负值；
如果提供了第4个长度值则⽤来设置对象的阴影外延值。不允许负 值
最后一个则表示阴影的颜色，
例：
<link rel="stylesheet" href="../css/阴影.css">
</head>
<body>
<div>
</div>
</body>
</html>
css里面为
div{
width: 200px;
height: 300px;
border: 2px solid red;
margin: 60px auto;
box-shadow: 4px 4px 4px 4px #999999;
}
2.png
当把inset插入时阴影就变成了内阴影：
div{
width: 200px;
height: 300px;
border: 2px solid red;
margin: 60px auto;
box-shadow: 4px 4px 4px 4px #999999 inset;
}
表现图为：
3.png
文字阴影：
第1个长度值⽤来设置对象的阴影⽔平偏移值。⽔平偏移量正值向右 负值向左
第2个长度值⽤来设置对象的阴影垂直偏移值。垂直偏移量正值向下 负值向上
如果提供了第3个长度值则⽤来设置对象的阴影模糊值。不允许负值
设置对象的阴影的颜⾊。
例：
<div>
<span>
丽江拉卡拉空间
</span>
</div>
显示图：
4.png
给予字体阴影：
css：
div{
width: 200px;
height: 300px;
border: 2px solid red;
margin: 60px auto;
list-style: none;
text-shadow:3px 3px 3px blue;
}
显示图为：
5.png
