边框背景图片
1、 background-origin:设置背景图片的起始原点
background-origin:border-box;------背景图片从边框开始显示
background-origin:padding-bax;-----背景图片从内边距开始显示(默认)
background-orign:content-box;------背景图片从内容区域开始显示
例子:
.div1{
width:500px;
height:300px;
border:30px solidred;
background:url(nimg269_1.jpg)no-repeat;
background-origin:border-box;
}
2、 background-clip:将背景图片做适当的裁剪以适应实际需要
background- clip:border-box;------背景图片从边框开始向外裁剪背景
background- clip:padding-bax;-----背景图片从内边距开始向外裁剪背景
background- clip:content-box;------背景图片从内容区域开始向外裁剪背景
background-clip:no-clip;------表示不裁切
多背景图
1、 多个背景:(中间用逗号隔开)
语法: