理论教育 使用背景图片设置网页背景

使用背景图片设置网页背景

时间:2023-11-04 理论教育 版权反馈
【摘要】:网页的背景既可以是某种颜色,也可以是某一图像,使用<body>标记的background属性,可为网页铺上背景图像。图像文件可为GIF、JPEG或PNG等格式。在浏览器中,作为背景的图片将按原来的大小复制,重复铺满整个网页。作为背景的图片文件要做得很小,以便加快下载速度。在浏览器中滚动网页内容时,如果希望背景图像固定不动,可在<body>中加入属性bgproperties="fixed"。--文件名:ex4-9.html--><!图4-9设置图片背景

使用背景图片设置网页背景

网页的背景既可以是某种颜色,也可以是某一图像,使用<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 设置图片背景

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈