1.box-shadow还接受第四个参数（称为“扩展半径”）。通过指定正值或负值，可以增加或减少投影面积。2.如果我们想要实线边框，也可以通过box-shadow模拟，原理是正扩展半径加上两个零偏移和零模糊值eg:background:yellowgreen;box-shadow:00010px#655;3、Border其实可以实现上面的实线效果，看起来很简单，但是box-shadow有一个border无法匹配的功能。它支持逗号分隔语法，我们可以创建任意数量的投影eg:box-shadow:00010px#655,00015pxdeeppink;4.需要注意的是，box-shadow是逐层叠加的，也就是说，如果你想让第二层的边框宽度为5，就必须以第一层的边框宽度为10为基础5，即最终值为15div{width:100px;高度：60px；边距：25px；背景：黄绿色；盒子阴影：00010px#655,00015pxdeeppink,02px5px15pxrgba(0,0,0,.6);}具体效果可以看链接5，投影效果和border的效果完全不一致，a)投影不会影响布局，不受box-sizing属性的影响b)border会响应鼠标点击事件，虽然投影出来的边框看起来占了很多空间，但是点击区域的范围并没有变大（点击事件不能传，因为不会影响布局，会不受box-sizing属性的影响。)6。如果我们要模拟虚线边框，box-shadow就没用了。outline虽然不支持逗号分隔，但是可以实现虚边框。你也可以通过outline-offset属性来控制它与元素边缘的距离。此属性甚至可以接受负值。注意：边框不一定适合border-radius属性产生的圆角，所以如果元素是圆的，它的笔画可能仍然是直角div{背景：黄绿色；边框：10px实心#655；outline:5pxsoliddeeppink;轮廓偏移：5px；}
