上一页下一页

定义 CSS 样式“盒子”属性

使用“CSS 样式定义”对话框的“盒子”类别可以为控制元素在页面上的放置方式的标签和属性定义设置。

可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用“全部相同”设置将相同的设置应用于元素的所有边。

定义元素在页面上的放置方式:
  1. 如果“CSS 样式”面板尚未打开,请打开该面板(按 Shift + F11 键)。
  2. 执行下列操作之一打开“CSS 样式定义”对话框:
    • 添加一个新样式。有关详细信息,请参阅创建新的 CSS 样式
    • 双击一个现有样式以打开它进行编辑。
  3. 在“CSS 样式定义”对话框中,选择“盒子”,然后设置所需的样式属性。
  4. 将下列任意属性保留为空(如果它们对于样式并不重要):

    宽和高”设置元素的宽度和高度。

    浮动”设置其它元素(如文本、层、表格等)在哪个边围绕元素浮动。其它元素按通常的方式环绕在浮动元素的周围。两种浏览器都支持“浮动”属性。

    清除”定义不允许层的边。如果清除边上出现层,则带清除设置的元素移到该层的下方。两种浏览器都支持“清除”属性。

    填充”指定元素内容与元素边框(如果没有边框,则为边距)之间的空格量。取消选择“全部相同”选项可设置元素各个边的填充。

    全部相同”将相同的填充属性设置为它应用于的元素的“上”、“右”、“下”和“左”。

    边界”指定一个元素的边框(如果没有边框,则为填充)与另一个元素之间的空格量。仅当应用于块级元素(段落、标题、列表等)时,Dreamweaver 才在“文档”窗口中显示该属性。取消选择“全部相同”可设置元素各个边的边距。

    全部相同”将相同的边距属性设置为它应用于的元素的“上”、“右”、“下”和“左”。

  5. 设置完这些选项后,在面板左侧选择另一个 CSS 类别以设置其它的样式属性,或单击“确定”。

  上一页下一页