CSS3 基本要素概覽，CSS3要素概覽

CSS3 基本要素概覽，CSS3要素概覽

這篇文章將對 CSS 的幾個新屬性 (text-shadow，box-shadow，and border-radius) 做基本介紹。這些 CSS3 屬性通常用來加強頁面配置。 
　　RGBA 
　　前面的 3 個值是 RGB 顏色值，最後一個值是透明度的層級（0 = 透明，1 = 不透明）。 
　　RGBA 可以應用於與顏色的任何屬性，如字型顏色，邊框顏色，背景顏色，陰影顏色等。 
　　Text Shadow 
　　文字陰影的結構順序為：x 軸位移，y 軸位移，模糊，顏色。 
　　設定一個負值的 x 軸位移將陰影轉移到左側。設定一個負值的 y 軸位移轉將陰影轉移到頂部。別忘了，你可以在陰影顏色中應用 RGBA 值。 
　　您也可以指定一個文本陰影列表（以逗號分隔）。下面的樣本使用兩個文本陰影聲明製作了文字凸版效果（頂部 1px 和底部1px）。 
text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;

　　Border Radius 
　　邊界半徑 (border radius) 的寫法類似內邊距 (padding) 和 外邊距 (margin) 屬性（例如：border-radius:20px）。為使瀏覽器渲染邊界半徑屬性，需要在屬性名稱加上首碼，Webkit 引擎的瀏覽器為 “-webkit-”，Firefox 則為 “-moz-”。 
　　您可以為每個邊角指定不同的值。注意：Firefox 和 Webkit 的邊角屬性名稱是不相同的。（web前端學習交流群：328058344 禁止閑聊，非喜勿進！）

　　Box Shadow 
　　盒陰影的結構和 text-shadow 相同，x 軸位移，y 軸位移，模糊，顏色。 
　　同樣，您可以設定一個以上的盒陰影。下面是三個盒陰影聲明樣本。 
-moz-box-shadow:-2px -2px 0 #fff,2px 2px 0 #bb9595,2px 4px 15px rgba(0, 0, 0, .3);