第一部分：屬性選擇器與虛擬類別選擇器

第一個列表項
第二個列表項
第三個列表項
第四個列表項
最後一個列表項

容器中的第一個 div

容器中的第二個 div

容器後的段落

項目 1

項目 2

項目 3

列表項 1
列表項 2
列表項 3
列表項 4

普通元素

特殊元素

另一個普通元素

目標元素 (嘗試在網址後加上 #target-element)

第二部分：CSS 效果

1. text-shadow (文字陰影)

Text Shadow 1

Text Shadow 2

Text Shadow 3

2. background-clip, text-fill-color (背景裁切與文字填充色)

Background Clip Text

Background Clip Padding

Background Clip Content

3. border-radius (邊框圓角)

Border Radius 1

圓

Border Radius 3

4. box-shadow (盒子陰影)

Box Shadow 1

Box Shadow 2

Box Shadow 3

5. border-image (邊框圖片)

Border Image 1

Border Image 2

Border Image 3

6. background-size (背景尺寸)

Background Size Contain

Background Size Cover

Background Size 50px x 50px (repeat)

7. linear-gradient / repeating-linear-gradient (線性漸層)

Linear Gradient 1

Linear Gradient 2

Repeating Linear Gradient

8. radial-gradient / repeating-radial-gradient (放射性漸層)

Radial Gradient 1

Radial Gradient 2

Repeating Radial Gradient