html+css学习第六天（背景图片、精灵图片、元素内容溢出、长度单位）

一、背景图片

背景图片默认显示的是图片的原始尺寸，如果背景图片大于元素尺寸，则只能显示图片的一部分(左上角)。

1.background-image: 设置元素的背景图片。

                url("图片路径")

                注意：

                        当图片比较小时，默认会以平铺的方式铺满整个背景区域。

                平铺：

                        图片会在水平和垂直两个方向上重复自己，直至背景区域填充完整。

2.background-repeat: 设置背景图片是否重复显示。

                当背景图片的尺寸小于元素尺寸时，背景图片会重复显示直到铺满整个元素。

                值：

                        repeat：默认值，平铺/重复出现。

                        no-repeat：不重复。

                        repeat-x：水平平铺。

                        repeat-y：垂直平铺。

                        space：保持图片的大小平铺满整个背景区域，剩余空间作为图片之间的间隙平分。

                        round：保持图片的完整性，根据背景区域图片相对应拉伸填充。

3.background-attachment: 设置背景图片是否固定。

                    背景图片是否随着页面的其他部