求背景图片左边到#box盒子左边框外侧的距离

Posted mengzhongfeixue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求背景图片左边到#box盒子左边框外侧的距离相关的知识,希望对你有一定的参考价值。

box{

width: 100px;
height: 200px;
background: pink;
padding: 100px;
border: 80px solid;
background-image: url("img/1.png"); //默认 background-origin: padding-box; 背景图将覆盖到padding
background-repeat: no-repeat;
background-origin: content-box; // 改变 background-origin后,背景图将不再覆盖padding
background-position: -50px 0;
}

故: 80+100-50 = 130 px

以上是关于求背景图片左边到#box盒子左边框外侧的距离的主要内容,如果未能解决你的问题,请参考以下文章

css背景颜色会覆盖左边框颜色吗

python pillow

关于c3背景图background-origin和backgroud-clip属性的梳理

js三大系列总结

JavaScript 特效三大系列总结

又忘记保存了!可恶啊!