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