上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所示。
图2-13 设置网页背景图片