第一部分:CSS 選擇器

第一個段落 (父元素的第一個子元素的第一个 p 元素)

第二個段落

第一個 span 第二個 span 第三個 span 第四個 span

Google (https 開頭)

PDF 報告 (.pdf 結尾)

Example (noopener)

目標區塊
連結到目標區塊

第二部分:CSS 效果

text-shadow

簡單陰影
雙色陰影
發光文字

background-clip, text-fill-color

文字背景裁剪 (圖片)
文字背景裁剪 (漸層)
綠色背景白色文字

border-radius

圓角
圓形
橢圓角

box-shadow

外陰影
多重陰影
內陰影

border-image

圖片邊框 (圓角)
漸層邊框
圖片邊框 (拉伸)

background-size

背景尺寸: contain
背景尺寸: repeat
背景尺寸: cover

linear-gradient / repeating-linear-gradient

線性漸層
對角線性漸層
重複線性漸層

radial-gradient / repeating-radial-gradient

放射性漸層
橢圓放射性漸層
重複放射性漸層

filter

範例 模糊
範例 灰度
範例 褐色