若要定义页面背景的图像，可以使用“页面属性”对话框。如果同时使用背景图像和背景颜色，下载图像时会出现颜色，然后图像覆盖颜色。如果背景图像包含任何透明像素，则背景颜色透过背景图像显示出来。下面通过简单实例演示背景图像的创建过程，最终的效果如图5-9所示。
执行“修改”|“页面属性”命令，或从文档设计视图的上下文菜单中执行“页面属性”命令，弹出“页面属性”对话框，如图5-10所示。
图5-9 背景图像效果
图5-10 “页面属性”对话框
设置背景图像。单击“浏览”按钮，然后浏览并选择图像，或者直接在“背景图像”文本框中输入背景图像的路径。
保存文件完成背景图像制作，按下F12键在浏览器中观察创建的结果。
如果背景图像没有填满整个窗口，Dreamweaver会平铺（重复）背景图像，就像图5-11所示的那样。若要防止背景图像平铺，可以使用CSS样式表禁用图像平铺。下面通过一个实例介绍禁用图像平铺的步骤，其最终效果如图5-11所示。
图5-11 禁用图像平铺
打开上例制作的文件，然后执行“窗口”/“CSS样式”命令，打开“CSS样式”浮动面板。
单击“CSS样式”面板右下角的“新建CSS规则”按钮，弹出“新建CSS规则”对话框。
在“新建CSS规则”对话框的“选择器类型”下拉列表框中选择“类”，在“选择器名称”文本框中输入.background，在“规则定义”下拉列表框中选择“仅限该文档”。完成以上设置后，单击“确定”按钮，弹出对应的“CSS规则定义”对话框。(www.daowen.com)
在CSS规则定义对话框左侧的“分类”列表框中，选择“背景”选项，如图5-12所示。
图5-12 CSS规则定义对话框
单击“浏览”按钮，选择图像文件，或是直接在“背景图像”文本框中输入图像地址。
单击“重复”下拉列表框下拉箭头，在下拉列表中选择“不重复”。
该下拉列表框中各个选项的功能简要介绍如下：
➢“不重复”：在元素开始处显示一次图像。
➢“重复”：在元素的后面水平和垂直平铺图像。
➢“横向重复”和“纵向重复”：分别水平和垂直平铺图像。
完成以上设置单击“确定”按钮，然后在标签选择器中右击<body>标签，再单击“设置类”子菜单中的background（上述步骤建立的CSS样式名），应用样式，如图5-13所示。
图5-13 右击<body>标签上下文菜单
保存文件完成背景制作，按下F12键在浏览器看到图5-11所示的效果。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
