当前位置: 首页 > Web前端 > CSS

background和bordercolor,以及background-clip属性,透明度问题讨论

时间:2023-03-31 00:45:17 CSS

在本例中,绿色背景色是不透明的。将小方块的底色改为红色,白色透明边框变成红色透明边框。总结两点,说明透明边框颜色随背景颜色变化。注意透明边框!那么如何让透明边框中的绿色背景透明,使用css3的一个属性,background-clip:border-box,padding-boxborder-box的意思是把绿色背景在border中切掉,padding,widthpadding-box的意思切断填充和宽度的绿色背景。例子如下:在上面加上这个属性,绿色背景会透过透明边框变成透明的!有问题大家一起讨论学习,前端一块酱油起司!