css怎么做页面换图片背景

CSS作为网页设计中的重要一环平常使用状况下很难避免对背景的处理。

在CSS中使用背景图片是一个非常普遍的做法。下面就介绍一下如何使用CSS更换页面的背景图片。

  body{
    background-image:url('xxx.jpg');    //在此处替换图片的路径
    background-repeat:no-repeat;         //指定图片不重复，填充整个屏幕
    background-position:center center;  //指定图片的位置 
    background-attachment:fixed;        //指定图片不随页面滚动而滚动
    background-size:cover;              //指定图片填充规则
  }

在代码中可以指定’body’标签，也可以针对特定的DIV进行背景图片的设置或者其他标签设置。

此外，在CSS中还可以在样式表中定义多个不同的背景图片，再在HTML标签中指定不同的样式。

这样就实现了页面的背景图片换肤功能，非常灵活方便。