项目中在页面展示过程中,只想展示内容块内的背景色,外盒子的背景色不需要展示,使用background-clip:content-box解决此问题
<div class="wrapper conBox">
<div></div>
</div>
.wrapper{
width:120px;
height:120px;
margin:20px 0 0 10px;
display:inline-block;
background-color: #008000;
padding:20px;
}
.wrapper>div{
margin:0;
padding:0;
background:rgba(3,34,144.4);
}
.bgbox{
background-clip:content-box;
}