网页背景设置-网站制作基础

在网页制作的过程中，经常会为网页设置背景颜色或背景图像。可以通过【属性】面板的【页面属性】对话框来设置。下面介绍设置网页背景颜色和背景图像的具体操作。

视频07

（包含2.2.1节～2.2.3节）

步骤1　接上例。用鼠标双击“MyWebsite”站点列表中的“index.html”文件，然后单击【属性】面板中的【页面属性】按钮，在弹出的【页面属性】对话框中设置“文本颜色”值为“white”（该值代表白色），设置“背景颜色”值为“#999999”（该值代表灰色），如图2-2-2和图2-2-3所示。

图2-2-2　【页面属性】对话框

图2-2-3　网页效果

提示说明：网页颜色赋值有两种方法，分别是色彩代码和英文名称。其中色彩代码的格式以“#”开头，如“#999999”就是以色彩代码的方式赋值。英文名称赋值方法，如“white”表示白色。需注意英文名称赋值前面没有“#”。

步骤2　使用鼠标右键单击“MyWebsite”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件夹】命令，将“untitled”默认的文件名改为“image”，按回车键确认修改，并将3张素材图片拷贝到站点的images文件夹中，如图2-2-4所示。

图2-2-4　【拷贝图片素材】

步骤3　在【页面属性】对话框中，单击“背景图像”属性的“浏览”按钮，使用图片作为网页的背景图像，如图2-2-5所示。

图2-2-5　设置背景图片

提示说明：网页设置背景图像时，默认情况下背景图像将会平铺在网页内容的下层，可以设置“重复”下拉列表中的值来控制背景图像的效果，其中有4个属性值说明见表2-2-1。

表2-2-1　“重复”属性值(www.xing528.com)

图2-2-6　预览效果

提示说明：如果网页同时具有背景颜色和背景图像，则有背景图像的地方将会覆盖背景颜色，而没有背景图像的区域将会显示背景颜色。