半透明边框

半透明颜色：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