第一部分:CSS 選擇器示範

1️⃣ 屬性選擇器:開頭與結尾

開頭是 abc 的段落

結尾是 xyz 的段落

2️⃣ 連結類型選擇器

外部連結
內部連結
錨點連結

3️⃣ 虛擬類別選擇器::nth-child

4️⃣ 虛擬類別選擇器::not / :target

一般段落

這段不應套用特效

:target 對象

5️⃣ 虛擬類別選擇器::disabled

第二部分:CSS 效果展示

1️⃣ Text Shadow (文字陰影)

文字陰影一

文字陰影二

文字陰影三

2️⃣ Background-clip + Text Fill

填色效果一

填色效果二

填色效果三

3️⃣ Border Radius (圓角)

4️⃣ Box Shadow (外框陰影)

5️⃣ Border Image (邊框圖案)

6️⃣ Background Size (背景尺寸)

7️⃣ 線性漸層 / 重複線性漸層

8️⃣ 放射狀漸層 / 重複放射狀漸層

9️⃣ CSS Filter (濾鏡效果)

灰階效果 模糊效果 亮度效果