半透明边框

困难产生原因

• background 会延伸到 border 上
• 导致半透明的边框会被 background “染色”

解决

• background-clip ：指定背景绘制区域（默认是 border-box，所以会对 border 造成影响，改成 padding-box 解决）

.box {
  border: 5px solid rgba(0, 0, 0, .5);
  background: white;
  background-clip: padding-box;
}