如何使用CSS制作网页背景

CSS常用背景属性例如:

  1. background 设置或检索对象的背景特性
  2. background-attachment设置或检索背景图像是随对象内容滚动还是固定的
  3. background-color设置或检索对象的背景颜色
  4. background-image设置或检索对象的背景图像
  5. background-position设置或检索对象的背景图像位置
  6. background-repeat 设置或检索对象的背景图像是否及如何铺排

示例如下:

   以上代码在网页上呈现的效果是:以bg.jpg为固定背景图片,背景图片居中不平铺,背景颜色为黄色。

设计页面背景的时候值得注意如下:

当我们用于定义背景样式时常常这样写:   如果我们想定义一个背景色,只要在background中加入颜色就可以了,但是要注意的是如果你想用background-color这个样式,请不要把这个样式放在background之前,例如:   以上代码中虽然将背景颜色设置成了红色,但是只显示了背景图片,这是因为background样式中的背景色没有定义的话它默认就是无色。因为第一行定义了红色,第二行没有定义颜色,所以执行第二行的默认无色,所以以后定义background一定要注意这个问题。