新! 我的 44 頁電子書「44 分鐘學會 CSS」出爐了! 😃

立即取得 →

#box-shadow

定義元素的陰影。

預設 box-shadow: none;

移除套用至元素的任何 box-shadow。

box-shadow: 2px 6px;

您至少需要兩個值

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

陰影顏色會從文字顏色繼承而來。

box-shadow: 2px 6px red;

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

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

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

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

在這個範例中,顏色會在 10px 內從不透明擴散到透明。

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

選用的第四個值定義陰影的擴散

擴散定義陰影應該增長多少:它增強了陰影。