div半透明边框

很简单的效果，但是写demo时遇到了一些坑及细节知识点；

细节：

当设置div边框时，div的背景会扩展到边框区域，此时设置边框颜色是看不到的。

坑：

background写到background-clip后面，效果依然不会生效。

代码截图

代码如下：

body{background:red}

div{

border:10px solid rgba(255,255,255,0.5);

background:white;

background-clip:padding-box;

height: 100px;

width: 100px;

margin:0 auto;

text-align: center;

}

中国