“样式生成器”对话框 ->“边缘”

项目
08/18/2008

更新：2007 年 11 月

使用“样式生成器”对话框的“边缘”页可以定义级联样式表 (CSS) 样式属性，以确定 HTML 元素周围区域的边框和边距。可以直接将这些属性应用到 HTML 元素或者将其添加到 CSS 样式规则中。

将边缘属性直接应用于页面上的 HTML 元素

在 HTML 设计器的“设计”视图中打开 HTML 文档，然后使用“文档大纲”窗口选择要格式化的元素。
单击“格式”菜单上的“样式”，以打开“样式生成器”对话框。
单击“样式生成器”对话框左窗格中的“边缘”。

右窗格中将显示“样式生成器”对话框 ->“边缘”。

当格式化“设计”视图中的选定元素时，将向页的 HTML 标记中内联插入 CSS 样式属性。切换到“HTML”视图以检查插入的新 CSS 样式属性。

向外部样式表中定义的 CSS 样式中添加边缘属性

打开一个现有外部样式表，然后将插入点放在所需样式的选择器后面的大括号 ({ }) 中。
单击“样式”菜单上的“生成样式”，以打开“样式生成器”对话框。
单击“样式生成器”对话框左窗格中的“边缘”。

右窗格中将显示“样式生成器”对话框 ->“边缘”。

说明：
当您打开外部 CSS 样式表进行编辑时，将出现“样式”菜单。将插入点置于样式规则选择器后的大括号内时，“样式”菜单上的“生成样式”选项即变为可用。

外部样式表中定义的 CSS 样式类可以应用于网页的 <BODY> 元素内的大多数元素，方法是将 CSS 样式选择器指定为元素的 CLASS 属性。

“样式生成器”对话框的“边距”页中包括的可用选项如下。

任务

用户界面元素

边距

设置属性，控制环绕某元素的矩形区域与其他元素之间的距离。在一个或多个字段（“顶”、“底”、“左”或 Right）中输入值，然后选择一个单位选项：“px”（默认）、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”。例如，如果在“顶”和“底”字段中均输入 50，然后接受默认的单位选项，则插入以下 CSS 标记：

MARGIN-TOP: 50px; margin-bottom:50px

说明：
边距值可以为正，也可以为负。

空白

设置属性控制以下间距：元素与其边距之间的间距或元素与其边框之间的间距（如果对象有边框）。在一个或多个字段（“顶”、“底”、“左”或“右”）中输入值，然后选择一个单位选项：“px”（默认）、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”。例如，如果在“顶”和“底”字段中均输入 50，然后接受默认的单位选项，则插入以下 CSS 标记：

PADDING-TOP: 50px; PADDING-BOTTOM:50px

说明：
空白值必须为正数。

边框

下列属性控制环绕元素的矩形区域的边框：

选择要更改的边缘
设置要格式化的边框边缘。选择“所有”、“顶”、“底”、“左”或“右”。只有选择了一个边框样式才会向样式中添加代码。
样式
设置要应用于指定边框的样式。选择“<未设置>”、“无”、“实线”、“双线”、“凹线”、“凸线”、“嵌入”或“外嵌”。例如，如果选择“顶”作为选定的边缘、“实线”作为样式，则添加以下代码：

BORDER-TOP-STYLE:solid
宽度
设置指定边框的宽度。选择“<未设置>”（未选择任何选项）、“细”、“中”、“粗”或“自定义”。如果选择“自定义”，则在旁边的可用字段中输入数字，然后选择一个单位选项：“px”（默认）、“pt”、“pc”、“mm”、“cm”、“in”、“em”、“ex”或“%”。例如，如果选择“顶”作为选定的边缘、“实线”作为样式、“自定义”作为宽度；在字段中键入 50；然后接受默认的单位选项，则添加以下代码：

BORDER-TOP:50px solid
颜色
设置样式中选定边框的颜色。从下拉列表中选择一种颜色，或选择省略号按钮 (...) 打开“颜色选择器”对话框，然后选择其他颜色。例如，如果选择“顶”作为选定的边缘、“实线”作为样式、“蓝色”作为颜色，则添加以下代码：

BORDER-TOP:blue solid