css技术储备:
1. background-origin: 设置背景坐标的原点,规定 background-position 属性相对于什么位置来定位。默认值是left top左上角
1)border-box:从border的位置开始填充背景,会与border重叠;
2)padding-box:从padding的位置开始填充背景,会与padding重叠;
3) content-box:从内容的位置开始填充背景;
2. background-position: 设置背景偏移;
3. background-clip:规定背景的绘制区,虽然是设置裁切,但是控制的是显示
1)border-box:其实是显示border及以内的内容;
2)padding-box:其实是显示padding及以内的内容;
3)content-box:其实是显示content及以内的内容;
4. 案例:扩大移动端的点击区域