第一部分: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 (濾鏡效果)