css揭秘--2多重边框

css揭秘–多重边框

1.box-shadow方案

首先要了解box-shadow的基本用法

MDN：CSS box-shadow 属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。

一个正值的扩张半径加上两个为零的偏移量以及为零的模糊值，得到的“投影”其实就像一道实线边框。
如：

<div><p>Hello World</p></div>

div{
   
    margin