Skip to content

边框内圆角

困难产生原因

  • 描边不跟着圆角走

解决方案

  • box-shadow 可以填补这些空隙(outline 会在 box-shadow 上层)

    css
    .box {
      background: tan;
      border-radius: 10px;
      outline: 5px solid #655;
      box-shadow: 0 0 0 5px #655;
    }

多大的投影扩张值可以填补空隙?

圆角半径的一半