在一些常見的網站，我們把鼠標移動到盒子，盒子下方就會浮現陰影
在CSS3中，我們可以使用box-shadow屬性為盒子增加陰影
屬性值如下：
我們實操一下，首先先准備一個盒子
首先是前兩個參數，代表陰影在xy軸的位置，我們先看 0 0會是什么效果
可以看到陰影整齊地出現在盒子的外圍，通過調整第一第二個參數我們可以調整陰影的位置，需要注意x軸右為正，y軸下為正
向右10px，向下10px，效果：
我們再來看第三個參數，陰影模糊的距離，為0的時候，我們可以看到陰影是純黑的
我們逐漸把第三個值調大，我們可以看到陰影越來越模糊
第四個參數就是陰影的尺寸，這個很好理解，值越大陰影越大，值越小陰影越小
第五個值是顏色，我們一般使用rgb 0 0 0 0.3 代表百分之30的黑色，這樣就非常好看
需要注意的是盒子陰影是不占位置的，不會對其他盒子進行擠壓
如果我們想實現鼠標放上去產生陰影的效果，我們就選用hover即可
