box-shadow是向盒子添加陰影。支持添加一個(gè)或者多個(gè)。
很簡(jiǎn)單的一段代碼，就實(shí)現(xiàn)了投影效果，酷斃了。我們來(lái)看下語(yǔ)法：
box-shadow: X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴(kuò)展半徑] [陰影顏色] [投影方式];
參數(shù)介紹：
注意：inset 可以寫在參數(shù)的第一個(gè)或最后一個(gè)，其它位置是無(wú)效的。
為元素設(shè)置外陰影：
示例代碼：
.box_shadow{ box-shadow:4px 2px 6px #333333; }
效果：
為元素設(shè)置內(nèi)陰影：
示例代碼：
.box_shadow{ box-shadow:4px 2px 6px #333333 inset; }
效果：
添加多個(gè)陰影：
以上的語(yǔ)法的介紹，就這么簡(jiǎn)單，如果添加多個(gè)陰影，只需用逗號(hào)隔開即可。如：
.box_shadow{
box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
}
效果：
在右側(cè)編輯器中的第10行，為div添加兩個(gè)不同的陰影，一個(gè)外部陰影，一個(gè)內(nèi)部陰影。
備注:這一小節(jié)沒(méi)有正確性驗(yàn)證，請(qǐng)查看結(jié)果窗口，從而判斷輸入代碼是否正確。
還記得嗎：
1、多個(gè)陰影用逗號(hào)隔開；
2、投影方式默認(rèn)（省略時(shí)）為外部（outset）；
3、內(nèi)部陰影設(shè)置inset即可。inset 可以寫在參數(shù)的第一個(gè)或最后一個(gè)，其它位置是無(wú)效的。
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)