陰影分為盒子陰影和字體陰影，盒子陰影用box-shadow來引用，字體陰影用text-shadow來表示。
盒子陰影box-shadow：none表示無陰影；box-shadow： inset表示內(nèi)陰影；
shadow里面包含X軸偏移量，Y軸偏移量，陰影模糊半徑，陰影擴展半徑，陰影顏色，
投影方式。
第1個長度值?來設(shè)置對象的陰影?平偏移值。?平偏移量正值向右 負值向左；
第2個長度值?來設(shè)置對象的陰影垂直偏移值。垂直偏移量正值向下 負值向上；
如果提供了第3個長度值則?來設(shè)置對象的陰影模糊值。模糊度是 不能為負值；
如果提供了第4個長度值則?來設(shè)置對象的陰影外延值。不允許負 值
最后一個則表示陰影的顏色，
例：
<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插入時陰影就變成了內(nèi)陰影：
div{
width: 200px;
height: 300px;
border: 2px solid red;
margin: 60px auto;
box-shadow: 4px 4px 4px 4px #999999 inset;
}
表現(xiàn)圖為：
3.png
文字陰影：
第1個長度值?來設(shè)置對象的陰影?平偏移值。?平偏移量正值向右 負值向左
第2個長度值?來設(shè)置對象的陰影垂直偏移值。垂直偏移量正值向下 負值向上
如果提供了第3個長度值則?來設(shè)置對象的陰影模糊值。不允許負值
設(shè)置對象的陰影的顏?。
例：
<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
