Latest web development tutorials

CSS3 text-shadow 屬性

實例

基本文字陰影（text-shadow）：

h1
{
text-shadow: 2px 2px #ff0000;
}

嘗試一下»
在此頁底部有更多的例子。

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

属性
text-shadow 4.0 10.0 3.5 4.0 9.6

屬性定義及使用說明

text-shadow 屬性應用於陰影文本。

默認值： none
繼承： yes
版本： CSS3
JavaScript 語法： object.style.textShadow="2px 2px #ff0000"

語法

text-shadow:h-shadow v-shadow blur color;

注意： text-shadow屬性連接一個或更多的陰影文本。屬性是陰影，指定的每2或3個長度值和一個可選的顏色值用逗號分隔開來。 已失時效的長度為0。

值 描述
h-shadow 必需。 水平陰影的位置。 允許負值。
v-shadow 必需。 垂直陰影的位置。 允許負值。
blur 可選。 模糊的距離。
color 可選。 陰影的顏色。 參閱CSS顏色值 。

Examples

更多實例

文字陰影模糊效果
這個例子演示了一個文字陰影模糊效果。

白色文字上的文字陰影
這個例子演示了一個白色的文本文字陰影。

氖輝光文字陰影
這個例子演示了用霓虹燈的光芒文字陰影。

相關文章

CSS3教程: CSS3 Text Effects