三、邊框陰影
設置邊框陰影box-shadow不會影響盒子的布局，即不會影響其兄弟元素的布局
spread可以與blur、h-shadow、v-shadow相互抵消，blur不可為負值
可以設置多重邊框陰影，實現(xiàn)更好的效果，增強立體感。
語法：box-shadow:offset-x offset-y blur spresd color position;
屬性值說明：
offset-x，offset-y指的是元素水平偏移量；
blur：表示陰影的模糊半徑；
spread：陰影尺寸（從元素到陰影的距離），正值會在元素的各個方向按指定的數(shù)值延伸陰影，負值會使陰影收縮的比本身元素的尺寸還小。
color：陰影的顏色值；
position：可選，表示陰影的位置，默認值是外部陰影，關鍵字inset指的是內(nèi)部陰影。
Document
div{
width: 100px;
height: 50px;
background: yellowgreen;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
實現(xiàn)效果如下：
box-shadow屬性還可以設置多重邊框
Document
div {
width: 100px;
height: 60px;
margin: 25px;
background: yellowgreen;
box-shadow: 0 0 0 10px #655,
0 0 0 15px deeppink,
0 2px 5px 15px rgba(0,0,0,.6);
} ?box-shadow: 10px 10px 5px #888888;
}
運行結果如下圖：
