在CSS中,可以通过使用box-shadow属性来实现多重边框效果。具体实现方法如下:
border: 2px solid #000;
box-shadow:
0 0 0 5px #f00,
0 0 0 10px #0f0,
0 0 0 15px #00f;
上述代码中,每个box-shadow值都包含四个参数:水平偏移量、垂直偏移量、模糊半径和阴影扩展半径。水平偏移量和垂直偏移量用于控制阴影的位置,模糊半径用于控制阴影的模糊程度,阴影扩展半径用于控制阴影的大小。
box-shadow:
inset 0 0 0 5px #f00,
inset 0 0 0 10px #0f0,
inset 0 0 0 15px #00f;
上述代码中,每个box-shadow值前面添加了inset关键字,表示内部阴影。
需要注意的是,box-shadow属性可以与border-radius属性一起使用,以实现圆角边框效果。同时,box-shadow属性也可以用于实现其他效果,如阴影、发光等。