二、背景样式

一、本课目标

  • 掌握背景属性的使用
  • 熟悉线性渐变属性的使用

二、网页背景

2.1背景颜色与背景图像

二、背景样式_第1张图片
image.png

2.2背景图像重复方式

二、背景样式_第2张图片
image.png

2.3背景定位

二、背景样式_第3张图片
image.png

2.4综合背景属性

二、背景样式_第4张图片
image.png

可以直接使用background属性设置前几张图片里面的所有属性。

2.5背景尺寸

二、背景样式_第5张图片
image.png

2.6渐变

二、背景样式_第6张图片
image.png

在不同的浏览器上需要加前缀才能使得浏览器支持CSS3.


二、背景样式_第7张图片
image.png

线性渐变的语法:


二、背景样式_第8张图片
image.png

如果颜色比较多的话,那么可以在后面加上color3,color4等等。

2.7总结

二、背景样式_第9张图片
image.png

你可能感兴趣的:(二、背景样式)