半透明边框

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容