HTML+CSS+DIV网页设计与布局(第2版)(微课版)
上QQ阅读APP看书,第一时间看更新

2.6 设置背景图像

使用<BODY>元素的BACKGROUND属性可以为网页指定背景图片,背景图片作为背景出现在网页文字的下方,其语法格式如下。

<BODY BACKGROUND=" 背景图片地址">网页内容</BODY>

其中背景图片可以是本地文件夹中的图片,也可以是网络中的图片。如果是网络中的图片,可以用URL地址指定图片位置。

【示例2-16】为网页设置背景图片。

01 <HTML> 
02   <HEAD> 
03   <TITLE>背景图片</TITLE> 
04   </HEAD> 
05   <BODY BACKGROUND="2.3.jpg">
06   <font size="+3"> 
07   <PRE> 
08             春  夜  喜  雨 
09           好雨知时节,当春乃发生。 
10           随风潜入夜,润物细无声。 
11           野径云俱黑,江船火独明。 
12           晓看红湿处,花重锦官城。 
13   </PRE> 
14   </font> 
15   </BODY> 
16 </HTML>

在第5行为<BODY>标记添加BACKGROUND属性,用指定图片来展示页面背景。示例2-16运行效果如图2.19所示,可以看出,网页的背景已经以图片的形式显示了。

图2.19 设置背景图片运行效果