程序员web开发好手分享CSS3新属性CSS3背景新属性1.background-origin背景原点说明：指定的background-origin属性应该是一个相对位置属性值：padding-box背景图片padding框的相对位置border-box背景图片边界框的相对位置content-box背景图片相对位置的内容框注意：默认值为：padding-盒子;2.background-clip背景裁剪说明:background-clip属性指定了背景的绘制区域。属性值：border-box背景被裁剪到边框框。padding-box背景被裁剪到填充框。内容框背景被裁剪到内容框。注意：默认值：border-box；3.background-size背景尺寸说明：background-size指定背景图片的尺寸属性值：length指定背景图片的尺寸。第一个值是宽度，第二个值是高度。百分比(%)以百分比形式设置背景图像的大小。cover将背景图像扩展到足够大，以便背景图像完全覆盖背景区域。contain将图像扩展到最大尺寸，使其宽度和高度完全适合内容区域。4.CSS3多背景属性Eg:p{background:url(demo.gif)no-repeat;//这是为不认识下面这句话的人写的默认背景图重复10px15px；//这是高级浏览器的css多重背景，第一个是topbackground-color:yellow;//ThisisDefineddefaultdefaultbackgroundcolor,allsuitablefor}CSS3颜色特性1、rgba颜色模式2、Hsl颜色模式（了解）3、Hsla颜色模式（了解）CSS3border的新属性1、border-colorEG:border-颜色：红绿#000黄；(toprightbottomleft)2.border-imageborder-image属性是一个简写属性，用于设置以下属性：border-image-source是边框中使用的图片的路径。border-image-slice图像边框向内偏移。border-image-repeat图像边界是否应该重复、圆角或拉伸border-image-outset边界图像区域超出边界的数量3、Border-radius圆角边界(1)。box{border-radius:5px10px20px50px}(2).div1{border-radius:2em/1em}以下参数用斜线/隔开：第一个参数表示圆角的水平半径，第二个参数表示圆角垂直半径(3).div1{border-radius:10px20px30px40px/40px30px20px10px}按顺时针顺序，斜线/左为四个圆角的水平半径，右为四个roundedcorners垂直半径，但通常我们很少把参数写在右边，即右边的默认值等于左边的值。4.box-shadow盒子阴影属性值：eg:box-shadow:10px10px5px#888888
