CSS3——邊框 圓角 背景 漸變 文本效果

邊框

圓角邊框

盒陰影

邊界圖片

 

 

 

圓角

CSS3 圓角製做器

 

指定每一個角

 

 

 

 

 

 

 背景

 多重背景圖像

大小

圖像的定位

背景剪裁

 

 

 

漸變

• 線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向
• 徑向漸變（Radial Gradients）- 由它們的中心定義

指定角度的線性漸變

多個顏色節點的線性漸變

線性漸變------透明度

重複的線性漸變

重複漸變

漸變的大小

• closest-side
• farthest-side
• closest-corner
• farthest-corner

 

 

 

 文本效果

文本陰影

 

盒子陰影

 

陰影顏色

陰影模糊效果

卡片效果

溢出屬性

換行