前端小團(tuán)隊(duì)第一題：
Paste_Image.png
當(dāng)看到這個(gè)題的時(shí)候梆奈，需求是寫出四個(gè)框就行这溅，感覺太簡(jiǎn)單了潦匈，大腦都沒過就直接拼了起來捺宗，
如果只有一個(gè)div
可以border+outline+:before(border)+:after(border)+box-shadow 可以添加五個(gè)框吧
如果想更多 就嵌套div 吧
這是我當(dāng)時(shí)回答的原話竞端。
后來另外一個(gè)同事的回答萝快，先思考后說話
box-shadow: 0 0 0 10px #ff0000, 0 0 0 20px #000, 0 0 0 30px #ccc
效果圖：
Paste_Image.png
box-shadow每增加一個(gè) 擴(kuò)展就增加10px ,(試驗(yàn)一下就知道)
如果用inset content內(nèi)容區(qū)域就會(huì)較少擴(kuò)展的值
知識(shí)點(diǎn)參考：http://www.w3cplus.com/content/css3-box-shadow
