半透明边框
2018-12-18 本文已影响0人
喜宝小窝儿
半透明颜色：rgba()、hsla()
代码：
{
border:10px dashed rgba(255,0,0,0.3);
width:200px;
padding:10px;
background: pink;
}
效果如图：
问题：background默认延伸到边框的外线处。
解决办法：background-clip: padding-box;效果如图：
该属性有三个值：padding-box、 border-box（默认值）、content-box
