边框

我们可以使用border去定义边框的参数，但是单纯的定义border会存在问题，如下：

width: 50vh; 
height: 20vh;
border: 10px solid rgba(0, 255, 8, .5);
background: red;

出现这个问题的情况是因为css的默认行为会让背景颜色侵入边框所在的范围，所以我们还需要添加一个属性来修改这个默认行为，即background-clip,当我们添加这个属性并修改为padding-box时，背景就与边框分开了，可以自定义我们需要的内容。

width: 50vh; 
height: 20vh;
border: 10px solid rgba(0, 255, 8, .5);
background: red;
background-clip:padding-box;