在一个元素中可以使用背景 使用background-image：url("路径") 的方式来引入一个背景
这个背景在设置了padding的元素中也是占满了盒子的，也就是 一个元素决定其大小的一共有三个属性 border 边框 padding 内边距 width/height 宽高
当在一个没有padding 与border 的元素中设置背景时 背景是沿着元素的最左边和最上边开始显示的 ，设置了padding 的元素的背景还是从最左边和最上边开始的， 设置了border 属性的元素则是在border内部开始显示背景的
造成这样的显示效果是因为有一个css属性来设置的 background-origin
其中可以设置三个值
border-box 从边框开始显示背景图片
content-box 只在width/height 中显示背景图片
0
原创©本文章为李家霖原创，未经许可，禁止转载
李家霖
联系我
0条评论