1、设置背景图片设置背景图片背景图片显示背景图片显示设置背景图片平铺设置背景图片平铺设置背景颜色设置背景颜色3 123 343 54设置背景图片的位置设置背景图片的位置设置背景颜色3CSS网页背景属性1background-color属性:用于设定网页的背景色。基本的语法格式为:默认值,表示透明设置背景颜色background-color属性不仅以设置整个网页的背景颜色,同样还可以设置指定HTML元素的背景色。设置背景颜色4CSS网页背景属性1设置背景颜色5CSS网页背景属性1标题区域背景色为红色。段落区域背景色为灰色。分别为字体设置了不同的前景色。设置背景图片6CSS网页背景属性1backgro
2、und-image属性:设置背景图片。基本的语法格式如下:图片路径可以是绝对路径,也可以是相对路径。设置背景图片7CSS网页背景属性1网页中显示了背景图,但如果背景图大小小于整个网页的大小,此时图片为了填充网页背景色,会重复出现,并铺满整个网页。设置背景图片平铺8CSS网页背景属性1 background-repeat属性:用来设置图片的重复方式,包括水平重复,垂直重复和不重复等。设置背景图片平铺9CSS网页背景属性1网页中显示了背景图,但图片以默认大小显示,而且没有对整个网页背景进行填充。这是因为代码中设置了背景图不重复平铺。设置背景图片平铺10CSS网页背景属性1网页中显示了背景图,图片在
3、水平方向平铺。背景图片显示11CSS网页背景属性1background-attachment属性:用来设定背景图片是否随文档一起滚动。它包含两个属性值:scroll和 fixed,并适用于所有元素。背景图片显示12CSS网页背景属性1设计一个基础页面,一个标题和三个段落。背景图片显示13CSS网页背景属性1该属性的值为fixed时,背景图片的位置固定,并不是相对于页面的,而是相对于页面的可视范围。设置背景图片的位置14CSS网页背景属性1background-position属性:用于指定背景图片在页面中所处的位置。绝对定义位置百分比定义位置垂直对齐水平对齐设置背景图片的位置15CSS网页背景属性1网页中显示了背景,其背景是从顶部和右边开始的。设置背景图片的位置16CSS网页背景属性1网中显示了背景,其背景是从左上角开始的,但并不是从(0,0)坐标位置开始,而是从(20,30)坐标位置开始。知识点回顾:17CSS网页背景属性1设置背景颜色设置背景图片设置背景图片平铺背景图片显示设置背景图片的位置