web学习:03-CSS3背景与渐变

1.CSS3背景

1.1 背景图像区域





1.2 背景图形定位





1.3 CSS3背景图像大小

//cover 布局不会有留白



1.4 CSS3 多重背景图像
// 一般透明图放到前面,可以正确显示多重背景

1.5 CSS3 背景属性整合


//建议书写方式

2.CSS3 渐变

2.1 CSS3 渐变


2.2 CSS3 线性渐变



// 从上向下



// 从左向右


// 对角线




2.2.1 线性渐变 - 使用角度

2.2.2 线性渐变 - 颜色节点



// 透明渐变

// 重复渐变





霓虹灯效果

2.3 CSS3 径向渐变



// 默认渐变



// 设置形状

// 圆形渐变







// 重复渐变

3. IE渐变

// 颜色16进制



4. 渐变应用

你可能感兴趣的:(web学习:03-CSS3背景与渐变)