武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介：這篇文章將對(duì) CSS 的幾個(gè)新屬性 (text-shadow，box-shadow，and border-radius) 做基本介紹。這些 CSS3 屬性通常用來(lái)加強(qiáng)頁(yè)面布局。

RGBA

前面的 3 個(gè)值是 RGB 顏色值，最后一個(gè)值是透明度的級(jí)別（0 = 透明，1 = 不透明）。

RGBA 可以應(yīng)用于與顏色的任何屬性，如字體顏色，邊框顏色，背景顏色，陰影顏色等。

Text Shadow

文字陰影的結(jié)構(gòu)順序?yàn)椋簒 軸偏移，y 軸偏移，模糊，顏色。

設(shè)置一個(gè)負(fù)值的 x 軸偏移將陰影轉(zhuǎn)移到左側(cè)。設(shè)置一個(gè)負(fù)值的 y 軸偏移轉(zhuǎn)將陰影轉(zhuǎn)移到頂部。別忘了，你可以在陰影顏色中應(yīng)用 RGBA 值。

您也可以指定一個(gè)文本陰影列表（以逗號(hào)分隔）。下面的示例使用兩個(gè)文本陰影聲明制作了文字凸版效果（頂部 1px 和底部1px）。

Border Radius

邊界半徑 (border radius) 的寫(xiě)法類似內(nèi)邊距 (padding) 和 外邊距 (margin) 屬性（例如：border-radius:20px）。為使瀏覽器渲染邊界半徑屬性，需要在屬性名稱加上前綴，Webkit 引擎的瀏覽器為 "-webkit-"，F(xiàn)irefox 則為 "-moz-"。

您可以為每個(gè)邊角指定不同的值。注意：Firefox 和 Webkit 的邊角屬性名稱是不相同的。

Box Shadow

盒陰影的結(jié)構(gòu)和 text-shadow 相同，x 軸偏移，y 軸偏移，模糊，顏色。

同樣，您可以設(shè)置一個(gè)以上的盒陰影。下面是三個(gè)盒陰影聲明示例。

英文原稿：The Basics of CSS3 | WebDesignWall