CSS网页背景属性课件.pptx

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,资源标题资源标题资源标题,CSS,网页背景属性,CSS网页背景属性,设置背景图片,背景图片显示,设置背景图片平铺,设置背景颜色,3,1,2,3,3,4,3,5,4,设置背景图片的位置,设置背景图片背景图片显示设置背景图片平铺设置背景颜色3123,设置,背景颜色,3,CSS,网页背景属性,1,background-color,属性,：,用于设定网页的背景色,基本,的,语法格式为：,默认值，表示,透明,设置,背景,颜色,background-color,属性不仅以设置整个网页的背景颜色，同样还可以设置指定,HTML,元素的,背景色,设置背景颜色3CSS网页背景属性1background-co,设置,背景颜色,4,CSS,网页背景属性,1,设置背景颜色4CSS网页背景属性1,设置,背景颜色,5,CSS,网页背景属性,1,标题区域背景色为,红色,段落,区域背景色为,灰色,分别,为字体设置了不同的前景色设置背景颜色5CSS网页背景属性1标题区域背景色为红色段落,设置,背景图片,6,CSS,网页背景属性,1,background-image,属性,：设置背景图片。

基本,的,语法格式如下：,图片路径,可以,是,绝对,路径，也,可以,是,相对,路径设置背景图片6CSS网页背景属性1background-im,设置,背景图片,7,CSS,网页背景属性,1,网页,中显示了背景图，但如果背景图大小,小于,整个,网页,的大小,，此时图片为了填充网页背景色，会,重,复出,现，并,铺满整个网页,设置背景图片7CSS网页背景属性1网页中显示了背景图，但如果,设置,背景图片平铺,8,CSS,网页背景属性,1,background-repeat,属性,：用,来,设置图片的重复方式，包括水平重复,垂直重复和不重复等设置背景图片平铺8CSS网页背景属性1 back,设置,背景图片平铺,9,CSS,网页背景属性,1,网页中,显示,了,背景,图，但图片以默认,大小,显示,，而且没有对,整个网页背景进行填充,这,是因为代码中设置了,背景图不重复平铺,设置背景图片平铺9CSS网页背景属性1网页中显示了背景图，但,设置,背景图片平铺,10,CSS,网页背景属性,1,网页中,显示,了,背景,图，图片在水平方向平铺设置背景图片平铺10CSS网页背景属性1网页中显示了背景图，,背景,图片显示,11,CSS,网页背景属性,1,background-attachment,属性,：,用来,设定背景图片是否随文档一起滚动,。

它,包含,两个属性值：,scroll,和,fixed,并适用于所有,元素,背景图片显示11CSS网页背景属性1background-a,背景,图片显示,12,CSS,网页背景属性,1,设计一个基础页面，一个标题和三个段落背景图片显示12CSS网页背景属性1设计一个基础页面，一个标,背景,图片显示,13,CSS,网页背景属性,1,该,属性,的值为,fixed,时，,背景图片的位置固定,，,并,不是,相对于页面的，而是相对于页面的可视范围背景图片显示13CSS网页背景属性1该属性的值为fixed时,设置,背景图片的位置,14,CSS,网页背景属性,1,background-position,属性,：,用于指定背景图片在页面中所处的位置绝对定义位置,百分比定义位置,垂直对齐,水平,对齐,设置背景图片的位置14CSS网页背景属性1backgroun,设置,背景图片的位置,15,CSS,网页背景属性,1,网页中显示了背景，其背景是从顶部和右边开始的设置背景图片的位置15CSS网页背景属性1网页中显示了背景，,设置,背景图片的位置,16,CSS,网页背景属性,1,网中,显示了背景，其背景是从左上角开始的，但并不是从,(0,0),坐标位置开始，而是从,(20,30),坐标位置开始。

设置背景图片的位置16CSS网页背景属性1网中显示了背景，其,知识点回顾：,17,CSS,网页背景属性,1,设置背景颜色,设置背景图片,设置背景图片平铺,背景图片显示,设置背景图片的位置,知识点回顾：17CSS网页背景属性1设置背景颜色设置背景图片,。