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；