css3背景图裁剪background-clip

background-clip控制背景图显示区域 如果图片设置了repeat 图片仍然会在border-box里显示

background-clip: padding-box;

	div {width: 500px;height: 500px;padding: 50px;border: 20px dotted #ccc;background: url(./img/jiufen.jpg) 0 0 no-repeat;background-clip: padding-box;}

background-clip: content-box;

	div {width: 500px;height: 500px;padding: 50px;border: 20px dotted #ccc;background: url(./img/jiufen.jpg) 0 0 no-repeat;background-clip: content-box;}

background-clip: border-box;

	div {width: 500px;height: 500px;padding: 50px;border: 20px dotted #ccc;background: url(./img/jiufen.jpg) 0 0 no-repeat;background-clip: border-box;}