CSS3——边框 圆角 背景 渐变 文本效果

边框

圆角边框

盒阴影

边界图片

 

 

 

圆角

CSS3 圆角制作器

 

指定每个角

 

 

 

 

 

 

 背景

 多重背景图像

大小

图像的定位

背景剪裁

 

 

 

渐变

• 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
• 径向渐变（Radial Gradients）- 由它们的中心定义

指定角度的线性渐变

多个颜色节点的线性渐变

线性渐变------透明度

重复的线性渐变

重复渐变

渐变的大小

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

 

 

 

 文本效果

文本阴影

 

盒子阴影

 

阴影颜色

阴影模糊效果

卡片效果

溢出属性

换行