HTML5/CSS3/JavaScript技术大全
上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

图2-13 设置网页背景图片