CSS3中box-shadow的用法介紹

 　　一般我們通過box-shadow來設置盒陰影，但是有些屬性我們一般沒有用到，這篇文章將對box-shadow屬性進行逐個分析。

　　語法

　　CSS Code復制內容到剪貼板

　　E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}

　　即：

　　對象選擇器 {box-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴展半徑 陰影顏色}

　　inset 投影方式

　　此參數是一個可選值，如果不設值，其默認的投影方式是外陰影;如果取其唯一值“inset”, 其投影就是內陰影;

　　x-offset

　　水平方向的偏移量;

　　y-offset

　　垂直方向的偏移量;

　　blur-radius模糊半徑

　　可選，只能為整數，值越大陰影就越模糊;

　　spead-radius擴展半徑

　　可選，可以為正數或者負數，如果為負數，整個陰影將會縮小;

　　color陰影顏色

　　可選，如果不設定值，浏覽器將會采用其默認色，默認色一般是黑色。

　　一般我們很少用到inset和spead-radius這兩個屬性，如果運用好這兩個屬性可以制作出