前面已经提到,CSS将每个元素视为在单独的框中进行处理,那么我们可以通过一些属性改变元素对应的框的背景,以改善网页样式。
(1)background-color:为任何元素指定单一背景颜色
该属性的值可以为颜色名、16进制编码或者RGB值。
(2)background-image:将任一元素的背景设置为一副图像
该属性的值以url开头,并在其后位于圆括号和引号中写入图像的URL。例如:
background-image : url("images/background.gif")
在同时设置了color和image的情况下,image优先被采用。建议color的设置与image的主色调相近,因为在image加载时,网页暂时显示背景颜色设置。
(3)background-repeat
当制定了background-image属性,且框的范围比图像大时,可能需要多次重复图像以填充整个框。取值如下:
(4)background-position:用于固定背景图像的位置,取值如下:
(5)background-attachment:常用于水印
当指定背景图像时,可以使用该属性将图像固定在该位置上还是随着滚动网页而移动。
(6)background:指定背景属性的简写形式
该属性的值可以以以上五种属性的值的任意顺序给出,如果不提供任何值,则使用默认值。
background: red url("hah.gif") fixed no-repeat center