![HTML5/CSS3/JavaScript技术大全](https://wfqqreader-1252317822.image.myqcloud.com/cover/181/33894181/b_33894181.jpg)
上QQ阅读APP看书,第一时间看更新
2.5.2 网页背景图片
除了可以设置网页的背景颜色之外,还可以使用图片作为网页的背景。使用恰当的图片作为背景,能够使页面看上去更加生动、美观。使用<body>标签的backgroud属性可以将图片设置为背景,还可以设置图片的平铺方式、显示方式等。
语法格式:
<body background="图片URL">
语法说明:
该语法中,图片URL可以是相对地址,也可以是绝对地址,在默认情况下,图片会按照水平和垂直的方向重复,直到铺满屏幕为止。
应用举例(setbackground.html):
<html>
<head>
<meta http-equiv="content-type" content= "text/html; charset=gb2312" />
<title>设置图片背景</title>
</head>
<body background="zhengqian.gif">
</body>
</html>
代码说明:
以上代码中,加粗的部分通过<body>标签的background属性来设置页面的背景图片,背景图片被设置为“zhengqian.gif”。
在Chrome浏览器中显示效果如图2-13所示。
![47140-00-037-1.jpg](https://epubservercos.yuewen.com/697680/18124350008478606/epubprivate/OEBPS/Images/47140-00-037-1.jpg?sign=1739282423-pMD8nn9MRNDvY7wVrhDKyED1Ar5mUwbY-0-6c84b0ed94afa4b0aad2183fc6de034e)
图2-13 设置网页背景图片