新! 我的 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;
選用的第四個值定義陰影的擴散。
擴散定義陰影應該增長多少:它增強了陰影。