新！我的 44 頁電子書「44 分鐘學會 CSS」已經出版了！ 😃

立即取得 →

#text-shadow

定義文字內容的陰影。

預設值 text-shadow: none;

文字內容沒有陰影。

text-shadow: 2px 6px;

您至少需要兩個值

  • 第一個是水平偏移
  • 第二個是垂直偏移

陰影顏色會繼承自文字顏色。

text-shadow: 2px 6px red;

您可以將顏色定義為最後一個值。

與 color 一樣，您可以使用顏色名稱、十六進位制、rgb、hsl...

text-shadow: 2px 4px 10px red;

可選的第三個值定義陰影的模糊。

在此範例中，顏色會在 10px 中擴散，從不透明到透明。