CSS3新特性（样式、选择器、颜色渐变、2D3D、动画）

样式

背景

background-origin： 规定背景图片的定位区域。

☞ padding-box     背景图像相对内边距定位（默认值）
☞ border-box	   背景图像相对边框定位【以边框左上角为参照进行位置设置】
☞ content-box     背景图像相对内容区域定位【以内容区域左上角为参照进行位置设置】

备注：
1. 默认盒子的背景图片是在盒子的内边距左上角对齐设置。

background-clip： 规定背景的绘制区域。

☞ border-box	 背景被裁切到边框盒子位置 【将背景图片在整个容器中显示】
☞ padding-box	 背景被裁切到内边距区域【将背景图片在内边距区域（包含内容区域）显示】
☞ content-box	 背景被裁切到内容区域【将背景图片在内容区域显示】

background-size： 规定背景图片的尺寸。

☞ cover
☞ contain

边框

box-shadow： 盒子阴影
border-radius： 边框圆角
border-image: 边框图片

     /* 设置边框图片 */
  	 border-image-source: url("2.png");
  	 
  	 /* 边框图片裁切 : 不需要带单位*/
  	 border-image-slice: 20;
  	 
  	 /* 设置边框图片的平铺方式 */
  	 /* border-image-repeat: stretch; */
  	    border-image-repeat: round;