返回目录

02 - 多重边框

使用 CSS 实现多重边框效果

通过 box-shadow 来模拟外框

  • 投影不会影响布局,而且也不会受到box-sizing属性的影响。
  • 投影不会响应鼠标事件,比如悬停或点击。

通过 outline 属性实现,还可以通过 outline-offset 属性来控制它跟元素边缘之间的间距

  • 只适用于双层“边框”的场景
  • 投影不会影响布局
  • 投影不会响应鼠标事件