上QQ阅读APP看书，第一时间看更新
2.1.2 课堂案例——设置背景图片background
网页的背景图片可以衬托网页的显示效果，从而取得更好的视觉效果。背景图片的选择不仅要好看，而且还要注意不要“喧宾夺主”，影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本，或者是浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。
语法：
<body background="图片的地址">
说明：background属性值就是背景图片的路径和文件名。图片的地址可以是相对地址，也可以是绝对地址。在默认情况下，可以省略此属性，这时图片会按照水平和垂直的方向不断重复出现，直到铺满整个页面。
举例：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body background="images/bj.jpg" > </body> </html>
在代码中加粗的部分background="images/ bj.jpg"为设置的网页背景图片，在浏览器中可以看到背景图片，如图2.3所示。在网络上除了可以看到带有各种背景色的页面之外，还可以看到一些以图片作为背景的页面。图2.4所示的网页使用了背景图片。
图2.3 页面的背景图像
提示
网页中可以使用图片作为背景，但图片一定要与插图及文字的颜色相协调，才能达到美观的效果。如果色差太大，网页会失去美感。
为保证浏览器载入网页的速度，建议尽量不要使用占用存储空间过大的图片作为背景图片。
图2.4 使用了背景图像的网页