网页的背景既可以是某种颜色,也可以是某一图像,使用<body>标记的background属性,可为网页铺上背景图像。格式为:
说明:
(1)background取值为一个图像文件名,并且要指出文件存放的路径,可以是相对路径,也可以是绝对路径。图像文件可为GIF、JPEG或PNG等格式。
(2)在浏览器中,作为背景的图片将按原来的大小复制,重复铺满整个网页。作为背景的图片文件要做得很小,以便加快下载速度。
(3)在浏览器中滚动网页内容时,如果希望背景图像固定不动,可在<body>中加入属性bgproperties="fixed"。
【例4-9】用图片作为网页的背景。
在D:\根目录下存放一个图片文件bg.jpg。修改【例4-7】的代码如下:
<!--文件名:ex4-9.html-->
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>图片背景</title>
</head>
<body background="D:\bg.jpg">
<h4 align="center">成 功 人 生八 句</h4><hr/>(www.daowen.com)
<pre>
每天告诉自己一次“我真的很不错”
生气是拿别人做错的事来惩罚自己
生活中若没有朋友,就像生活中没有阳光一样
明天的希望,让我们忘了今天的痛苦
生活若剥去了理想、梦想、幻想,那生命便只是一堆空架子
贪婪是最真实的贫穷,满足是最真实的财富
你可以用爱得到全世界,你也可以用恨失去全世界
</pre><hr/>
</body>
</html>
在浏览器中的显示效果如图4-9所示。
图4-9 设置图片背景
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。