边框效果-css-v1.0.0

半透边框

通过设置颜色的透明度实现。

  border:10px solid hsla(0, 0%, 100%,.5);

框内圆角

方式1：为元素设置圆角，外层设置轮廓outline。圆角与直角之间的空隙用阴影补齐，阴影的尺寸为圆角半径的一半。

  border-radius:.5rem;
  outline:.5rem solid #655;
  box-shadow:0 0 0 .25rem #655;
  background: tan;

参考文献

xiaohuochai