边框

内容主要来自书css揭秘和网上的各种教程，为了方便自己理解，摘抄下来的，如有冒犯，还请多多原谅。更新中

1、半透明边框

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

如果不希望背景侵入边框所在的范围，我们要做
的就是把它的值设为padding-box，这样浏览器就会用内边距的外沿来把背
景裁切掉

2、多重边框

（1）box-shadow

background: yellowgreen;
box-shadow: 0 0 0 10px #655,
0 0 0 15px deeppink,
0 2px 5px 15px rgba(0,0,0,.6);

box-shadow 的好处在于，它支持逗号分隔语法，我们
可以创建任意数量的投影。

(2)outline

background: yellowgreen;
border: 10px solid #655;
outline: 5px solid deeppink;