css3剛推出不久，雖然大多數的css3屬性在很多流行的瀏覽器中不支援，但我個人覺得還是要盡量開始慢慢的去了解並使用css3（還有html5），因為我覺得這是一種趨勢，它是一種已經被制定的標準。我並不是專門在做前端的，只是有時不得不自己去寫這些東西，有時喜歡研究研究這些，所有以上只是我的個人看法。
1、在之前我想在頁面做出乙個邊框為圓角框，貌似需要寫挺多css**的（可能我沒了解到更好的辦法），在css3裡有乙個屬性建立圓角是非常容易的，設定好角度也可以建立乙個圓
border-radius：
css**：
複製**
**如下:
#test
html**：
複製**
**如下:
border-radius 做圓角的例子。
2、css3 邊框陰影，之前我都是直接利用做背景實現的效果，用css3中的box-shadow屬性也可以做到
box-shadow：
css**：
複製**
**如下:
#test1
html**：
複製**
**如下:
3、css3 支援背景可以用多張
css3 多重背景
複製**
**如下:
.box
4、text-overflow 屬性規定當文字溢位包含元素時發生的事情。
此屬性支援切斷容器中的文字，當文字溢位可以給出了乙個省略號的特性。
複製**
**如下:
.test3
#test3:hover
當這裡顯示的內容溢位是會有省略號，滑鼠移到文字上面會顯示所有內容
5、過渡效果，通過 css3，我們可以在不使用 flash 動畫或 j**ascript 的程式設計客棧情況下，當元素從一種樣式變換為另一種樣式時為元素新增效果。
效果用貼圖比較難體現出來，有興趣自己執行下面**：
複製**
**如下:
把滑鼠放上該區域，來檢視過渡效果。
本文位址:
CSS3中關於background一些屬性及連寫
background image 它允許為背景新增乙個或者乙個漸變顏色 這裡注意漸變色屬於image 而不是color 下面我們寫乙個漸變色的div看看實際用法 main 關於image的用法很簡單 主要講解一下漸變中的引數 第乙個為角度 與我們數學中的x y 軸方向相同 0度則為y軸正方向所以漸變...
css3的一些新特性
background rgba 254,255,200,0.75 例如上面 所示，前三個引數分別是分別是 r g b 三原色，範圍是 0 255。第四個引數是背景透明度，範圍是 0 1，如 0.5 代表透明度 50 這個屬性使我們在瀏覽器中也可以做到像 win7 一樣的半透明玻璃效果。css3圓角示...
css3 的一些新屬性
1.邊框新屬性 border radius border shadow border image 2.背景新屬性 background size background origin 規定背景的定位區域 3.文字效果 text shadow 文字陰影 word warp 強制換行 4.字型 font ...