“样式生成器”对话框 ->“背景”
更新：2007 年 11 月
“样式生成器”对话框的“背景”页使您能够为级联样式表 (CSS) 样式设置属性，当将该样式应用于 HTML 页或表时，这些属性将定义背景色或图像。可以直接将这些属性应用于 HTML 元素或者将其添加到 CSS 样式规则中。
将背景属性直接应用于页面中的 HTML 元素
在 HTML 设计器的“设计”视图中打开 HTML 文档，然后选择要格式化的元素。
单击“格式”菜单上的“样式”，以打开“样式生成器”对话框。
在“样式生成器”对话框的左窗格中，单击“背景”。
右窗格中将出现“样式生成器 - 背景”对话框。
当格式化“设计”视图中的选定元素时，将向页的 HTML 标记中内联插入 CSS 样式属性。切换到“HTML”视图以检查插入的新样式属性。
将背景属性添加到外部样式表中定义的 CSS 样式规则中
打开一个现有外部样式表，然后将插入点放在所需样式的选择器后面的大括号 ({ }) 中。
单击“样式”菜单上的“生成样式”，以打开“样式生成器”对话框。
在“样式生成器”对话框的左窗格中，单击“背景”。
右窗格中将出现“样式生成器 - 背景”对话框。
.gif "说明") 说明： |
|---|
当您打开外部 CSS 样式表进行编辑时，将出现“样式”菜单。将插入点置于样式规则选择器后的大括号内时，“样式”菜单上的“生成样式”选项即变为可用。 |
外部样式表中定义的 CSS 样式类可以应用到网页中 <BODY> 元素内的元素（在这种情况下，包括 <BODY> 元素本身），方法是将该 CSS 样式选择器分配给所需元素的 CLASS 属性。
“样式生成器”对话框的“背景”页中包括的可用选项如下。
任务
用户界面元素
背景色
颜色
设置样式的 BACKGROUND-COLOR 属性。从下拉列表中选择选项，或单击省略号按钮 (...) 打开“颜色选取器”对话框，选择其他颜色。例如，如果选择“红色”，则将插入以下 CSS 标记：BACKGROUND-COLOR: red
透明
该复选框用于将 BACKGROUND-COLOR 属性设置为 transparent 值。如果选择 transparent，则无法选择背景颜色。插入下列代码：BACKGROUND-COLOR: transparent
背景图像
图像
设置样式将在背景中显示的图像。在该字段中键入路径和文件名，或单击省略号按钮 (...) 以打开“URL 选择器”，然后转到该图像的位置。例如，如果要定位到 Images 文件夹中名为 Background.bmp 的图像，则可插入下列代码：BACKGROUND-IMAGE: url (images/background.bmp)
平铺
为样式所分配的背景图像设置“平铺”(Tiling) 属性。图像可以几种不同的方式平铺，如下表所示：“平铺”属性
说明
沿水平方向平铺
图像在页面上从左向右（而不是从上到下）平铺。
沿垂直方向平铺
图像从上到下平铺一次。
在两个方向上平铺
图像沿水平和垂直两个方向平铺。
不平铺
禁用平铺；图像出现在位置值所指定的位置，不重复。
<未设置>
未选择任何选项；未向样式中添加任何代码。
例如，如果选择“沿水平方向平铺”，则将插入以下 CSS 标记：
BACKGROUND-REPEAT:repeat-x
说明：“平铺”属性与“位置”属性一起使用。如果定位图像，则根据图像在页中的起始位置应用“平铺”属性。例如，如果将一个图像置于某页的左上角并只沿水平方向平铺，则该图像将沿该页的上边缘重复。
滚动
为样式所应用的背景图像设置 BACKGROUND-ATTACHMENT 属性。从下拉列表中选择一个值。图像既可以在页面滚动时保持固定不变，也可以随位于该背景之上的文本和图像一起滚动。选择“<未设置>”（未选择任何选项）、“滚动背景”或“固定背景”。例如，如果选择“滚动背景”，则将插入以下 CSS 标记：BACKGROUND-ATTACHMENT:scrolling
说明：当该属性为“<未设置>”时，不会向样式中添加任何代码。
位置
为样式所应用的背景图像设置“位置”属性。位置值与“平铺”属性相关。如果为背景设置一个位置，且不选择“平铺”属性，则该背景图像将固定在指定位置。如果为背景设置一个位置，且选择“平铺”属性，则该位置将作为“平铺”属性的起始点。说明：水平位置值和垂直位置值都是必选的。如果只指定一个值，则“CSS 编辑器”显示一个无效的属性名。在同时选择水平位置值和垂直位置值后，该属性将显示为正确的 BACKGROUND-POSITION。BACKGROUND-POSITION:left center 是一个有效的背景位置声明示例。
水平
为样式所应用的背景图像设置水平位置。选择“<未设置>”（未选择任何选项）、“左对齐”、“居中”、“右对齐”或“自定义”。如果选择“自定义”，则“自定义”右侧的字段可以使用。默认值为 50%。在数字字段中输入值，并从单位字段的下拉列表中选择增量（px、pt、pc、mm、cm、in、em、ex 或 %）。如果选择“自定义”并接受默认值，则将插入以下 CSS 标记：BACKGROUND-POSITION:50%
说明：当该属性为“<未设置>”时，不会向样式中添加任何代码。
垂直
为样式所应用的背景图像设置垂直位置。从下拉列表中选择选项：“<未设置>”（未选择任何选项）、“左对齐”、“居中”、“右对齐”或“自定义”。如果选择“自定义”，则“自定义”右侧的字段可以使用。默认值为 50%。在数字字段中输入值，并从单位字段的下拉列表中选择一个单位选项（px、pt、pc、mm、cm、in、em、ex 或 %）。如果选择“自定义”并接受默认值，则将插入以下 CSS 标记：BACKGROUND-POSITION:50%
说明：当该属性为“<未设置>”时，不会向样式中添加任何代码。
不使用背景图像
在选定后，将从当前页移除背景图像。“图像”(Image) 属性在该对话框中不可用。如果已为该页指定了图像，则在您单击“确定”后，BACKGROUND-IMAGE 属性将从样式中移除。