CSS半透明边框效果

源代码：

1、HSL颜色模式不太理解。

2、background-clip属性。

background-clip:border-box;

以border外边缘为边界剪除背景，背景范围为border、padding、content。

background-clip:padding-box;

以padding外边缘为边界剪除背景，背景范围为padding、content。

background-clip:content-box;

以content外边缘为边界剪除背景，背景范围为content。

background-clip属性实例代码：