本技巧主要知识点：
background-clip:border-box/padding-box;
需要的知识储备：RGBA/HSLA颜色

例子
想要的效果：边框半透明

尝试版本：

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

效果：

before.jpg

解决版本：

border：10px solid hsla(0,0%,100%,.5);
background:white;
background-clip:padding-box;

效果：

after.jpg

注：使用background-clip:border-box 的效果和before.jpg一样。

<b>这就说明了，使用padding-box就是该div的背景不包括边框，而border-box就代表该div的背景侵入边框，会把边框的颜色覆盖。</b>
<b>另外，<u>hsla(0,0%,100%,.5)</u>代表白色半透明。</b>