外陰影：box-shadow: x軸 y軸 rpx color;
屬性說明（順序依次對應）： 陰影的x軸(可以使用負值) 陰影的y軸(可以使用負值) 陰影模糊值（大小） 陰影的顏色
內陰影：box-shadow: x軸 y軸 rpx color inset;
預設是外陰影 內陰影：inset 可以設定成內部陰影
注（ps）：此屬性使用於盒模型 如(div,p,h1,h2,h3,h4,h5,h6等) 不是用來設定文字陰影 如果設定文字陰影請參考知識點:text-shadow
（同理）
因為是新屬性，為了相容各主流瀏覽器並支援這些主瀏覽器的較低版本，基於主流瀏覽器上使用box-shadow屬性時，我們需要將屬性的名稱寫成-webkit-box-shadow的形式。firefox瀏覽器則需要寫成-moz-box-shadow的形式
歐朋瀏覽器 -o-box-shadow ie>9 -ms-box-shadow
為了更好的了解box-shadow的特徵，做幾個小測試：(為了方便直接在標籤內巢狀樣式)
測試1： box-shadow: 0 0 10px #f00; border:1px solid green">
box-shadow: 0 0 10px #f00 （因沒有使其x軸與y軸移動 設定值 所在會在本身發生作用 半徑範圍，顏色）
測試2： box-shadow:4px 4px 10px #f00
;border:1px solid green
">
box-shadow:4px 4px 10px #f00
;與測試1不同 x軸與y軸改變了正值（正值 向右 向下） 所以變成了這樣
測試3：box-shadow:-4px -4px 10px #f00;border:1px solid green">
box-shadow:-4px -4px 10px #f00;與測試2不同 之處是 x軸與y軸改變成了負值（負值 向左 向上） 所以變成了這樣
同理：你可以測試下一正值，一負值的效果，這裡就不做測試了。。。。。。。。
測試4：/*右邊陰影*/
0px 10px 10px blue;" /*下邊陰影*/
>
你看到這樣的**會感覺很亂 但是看到效果之後你就能明白這是怎麼做的了無非改一下x軸與y軸位置與顏色值 還有陰影值大小，（用逗號隔開）多練習幾次就好
測試5：--內陰影
box-shadow: 0px 0px 10px red inset; border:1px solid green">
box-shadow: 0px 0px 10px red inset;
與上面寫法相同 唯一不同的是新增了乙個inset 其它屬性與外陰影相同
百變不離其宗，練習就能熟悉，懂了就知道原理,隨意改寫，在配合css3的動畫效果， 閃光層（字）都很簡單實現。。希望對你有幫助。。
CSS3 box shadow 陰影使用
css3 box shadow 內陰影與外陰影 1 box shadow具體使用方法，語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定，他們分別取值 陰影型別 此引數是乙個可選值，如果不設值，其預設的投影方式是外陰影 如果取其唯一值 inset ...
CSS3 box shadow 陰影使用
css3 box shadow 內陰影與外陰影 1 box shadow具體使用方法，語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定，他們分別取值 陰影型別 此引數是乙個可選值，如果不設值，其預設的投影方式是外陰影 如果取其唯一值 inset ...
CSS3 box shadow 陰影使用
ss3 box shadow 內陰影與外陰影 1 box shadow具體使用方法，語法 e 換句說 物件選擇器 取值 投放方式 預設是外陰影 box shadow屬性至多有6個引數設定，他們分別取值 陰影型別 此引數是乙個可選值，如果不設值，其預設的投影方式是外陰影 如果取其唯一值 inset 就...