文档介绍：第 11 章背景与边框本章内容? 背景相关属性? 边框? 边框圆角? 图片边框? 综合实例—简单公司主页 背景相关属性? 背景颜色? 背景图片? 背景图片重复? 背景图片显示? 背景图片位置? 背景图片大小? 背景显示区域? 背景图像裁剪区域? 背景复合属性 背景颜色? background-color 属性用于设定网页背景色,同设置前景色的 color 属性一样, background-color 属性接受任何有效的颜色值,而对于没有设定背景色的标记,默认背景色为透明( tranaparent )。其语法格式为{background-color : transparent | color} 。?实例: ? background-color 不仅可以设置整个网页的背景颜色,同样还可以设置指定 HTML 元素的背景色,例如设置 h1 标题的背景色,设置段落 p的背景色。可以想象,在一个网页,可以根据需要,设置不同 HTML 元素的背景色。?实例: 背景图片?网页中不但可以使用背景色来填充网页背景,同样也可以使用背景图片来填充网页。通过 CSS3 属性可以对背景图片进行精确定位。 background- image 属性用于设定标记的背景图片,通常情况下,在标记<body> 中应用,将图片用于整个主体中。 background-image 语法格式为 background-image : none | url (url) 。?实例: 背景图片重复?在进行网页设计时,通常都是一个网页使用一张背景图片,如果图片大小小于背景图片时,会直接重复铺满整个网页,但这种方式不适用于大多数页面,在 CSS3 中可以通过 background-repeat 属性设置图片的重复方式,包括水平重复、垂直重复和不重复等。?实例: 背景图片显示? background-attachment 属性用来设定背景图片是否随文档一起滚动。该属性包含两个属性值: scroll 和 fixed ,并适用于所有元素。?实例: 背景图片位置? background-position 属性用于指定背景图片在页面中所处位置。该属性值可以分为四类:绝对定义位置( length )、百分比定义位置( percentage )、垂直对齐值和水平对齐值。其中垂直对齐值包括 top 、 center 和 bottom ,水平对齐值包括 left 、 center 和 right 。?实例: 背景图片大小? CSS3 中,新增了一个 background-size 属性,用来控制背景图片大小, 从而降低网页设计的开发成本。 background-size 语法格式为 background-size : [ <length> | <percentage> | auto ]{1,2} | cover | contain 。?实例: 背景显示区域?在 CSS3 中,新增了一个 background-origin 属性,用来完成背景图片的定位。默认情况下, background-position 属性总是以元素左上角原点作为背景图像定位,适应 background-origin 属性可以改变这种定位方式。 background-origin : border | padding | content 。?实例: