HTML5+CSS3-边框背景图、多背景图、CSS选择器、网络字体、边框背景图片、过渡、放大、旋转

边框背景图片

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、  多个背景：(中间用逗号隔开)

语法：