摘要：这种情况是绿色背景色没有被透上来将小方块背景色改为红色，白色透明边框变成了红色透明边框，综上两点，说明透明边框的颜色随着背景色而变化。
这种情况是绿色背景色没有被透上来
将小方块背景色改为红色，白色透明边框变成了红色透明边框，
综上两点，说明透明边框的颜色随着背景色而变化。注意是透明边框！
那么如何将绿色背景在透明边框中透明上来呢，，
用到css3的一个属性，，background-clip: border-box ,padding-box
border-box表示在border，padding，width中将绿色背景裁掉
padding-box表示在padding,width 中将绿色背景裁掉
实例如下：
将上述加上此属性，则
绿色背景通过透明边框透明出来！
有疑问一起探讨学习呀，前端酱油芝士一枚！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/117556.html
摘要：过去在学习的时候，首要任务就是要理解，因为是里头很重要的模型概念，描述了与的空间定位，今天的项目竟然卡在一个简单的小问题，因此就用一篇文章做个纪录提醒自己不要忘记，也避免之后遭遇到又会卡住了。 过去在学习CSS的时候，首要任务就是要理解box model，因为box model是CSS里头很重要的模型概念，描述了padding、margin、border与content的空间定位，今天...
摘要：过去在学习的时候，首要任务就是要理解，因为是里头很重要的模型概念，描述了与的空间定位，今天的项目竟然卡在一个简单的小问题，因此就用一篇文章做个纪录提醒自己不要忘记，也避免之后遭遇到又会卡住了。 过去在学习CSS的时候，首要任务就是要理解box model，因为box model是CSS里头很重要的模型概念，描述了padding、margin、border与content的空间定位，今天...
摘要：过去在学习的时候，首要任务就是要理解，因为是里头很重要的模型概念，描述了与的空间定位，今天的项目竟然卡在一个简单的小问题，因此就用一篇文章做个纪录提醒自己不要忘记，也避免之后遭遇到又会卡住了。 过去在学习CSS的时候，首要任务就是要理解box model，因为box model是CSS里头很重要的模型概念，描述了padding、margin、border与content的空间定位，今天...
摘要：这是默认值背景图片延伸到边框，但是图片的起始位置是从开始的。偏移差别很明显吧问题是背景图片定位在右下角，据底部和右边，且容器大小不固定解决方案一种方法是在偏移量前面指定关键字。更改元素宽高，边框依然是连续的。 背景与边框 半透明边框 知识点 background-clip: [border-box] |[padding-box] | [content-box]; hsla(, , ,...
阅读 1959·2021-11-15 17:58
阅读 2140·2021-10-19 11:45
阅读 3506·2021-09-02 15:40
阅读 2605·2021-07-25 10:50
阅读 3756·2019-08-30 15:56
阅读 3157·2019-08-30 12:44
阅读 1038·2019-08-26 13:38
阅读 1882·2019-08-23 18:29
