background可以设置背景的一系列属性,详细地分开来看的话,共有一下几种。
background-color | background-image | background-repeat | background-position | background-attachment
background-size | background-origin
其中第一行可以在background中复合着写,且必须按照我上面排的顺序。其中有些属性也可以省略不写。
我们先详细了解一下各个属性如何用,然后再来说如何复合着写,按照这个思路来,问题就变得很清楚了。
这个很简单,就是设置背景颜色,在设置了background-image的情况下,图片会将背景覆盖。
设置背景,
用法:
background-image:url(../../img201301/divcss5-logo-2013.gif)
设置背景图像的重复情况
设置背景图像的位置。
设置背景图片是否随滚轴而滚动
用一张图片来表示一下将这些属性复合在background里面如何而写。
示例代码:
background:#F0F url(ddd.png) repeat-x 20px 20px fixed;该讲的知识也讲完了,但是实践中仍然会有很多错误需要我们犯,这里提醒几点: