CSS3 多于CSS 2的部分————边框和背景部分

CSS下扩展CSS2的知识属性
边框:

 

（1）css3阴影属性box-shadow

box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模

糊值；阴影颜色；

Firefox支持Box Shadow(阴影)：-moz-box-shadow:2px 2px 5px #333333；

webkit内核的Safari和Chrome支持Box Shadow(阴影)：-webkit-box-shadow:2px 2px 5px

#333333；

Opera支持Box Shadow(阴影)：box-shadow:2px 2px 5px #333333；

IE不支持Box Shadow(阴影)；

同一个元素可以使用多个阴影进行叠加，box-shadow:2px 2px 5px #333333,box-

shadow:-2px -8px 5px #333333;；

js中可以使用：obj.style.webkitBoxShadow=值（字符串）;obj.style.MozBoxShadow=值

（字符串）;obj.style.boxShadow=值（字符串）;
(2)Border-radius 圆角效应
只是现在浏览器的支持度很小

背景：
（1）background-origin ： border | padding | content

取值：border： 从border区域开始显示背景。
padding： 从padding区域开始显示背景。
content： 从content区域开始显示背景。
目前只有IE家族不支持 ，其余的浏览器内核均支持
（2）background-clip ： border-box | padding-box | content-box | no-clip
border-box： 从border区域向外裁剪背景。
padding-box： 从padding区域向外裁剪背景。
content-box： 从content区域向外裁剪背景。
no-clip： 从border区域向外裁剪背景。

（2）
background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain
length>： 由浮点数字和单位标识符组成的长度值。不可为负值。
<percentage>： 取值为0%到100%之间的值。不可为负值。

设置背景图片的大小。

指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高

度，以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩

。
例background-size: 100% 80px这里的图片将于DIV一样的宽，高为80px；