视频: 03 更改頁首與頁面的背景顏色 2024
在Dreamweaver中,可以更改外观类别中可用的背景和文本颜色。请注意,CSS选项建议通过HTML选项。使用外观(CSS)选项时,Dreamweaver会自动为正文标签创建相应的样式。在“页面属性”对话框中使用任何CSS选项时,Dreamweaver会自动创建相应的样式,并将其列在“CSS样式”面板中。
<! --1 - >虽然您可以在页面属性对话框中应用全局设置(如文本大小和颜色),但可以在特定实例中使用其他格式选项覆盖这些设置。例如,您可以在页面属性中将所有文本设置为Helvetica,然后使用CSS将标题的字体更改为Arial。
要更改整个页面的字体设置,背景颜色,文本颜色和页边距,请按照下列步骤操作:
<! - 2 - >-
选择修改→页面属性。
出现“页面属性”对话框的外观(CSS)类别。
-
在页面字体下拉列表中,为页面上的文本指定所需的字体。
在这个例子中,字体被设置为以Cambria字体开头的集合。如果您不指定字体,则您的文本将显示为用户浏览器中指定的字体,通常为Times。
-
如果您希望页面上的所有文本显示为粗体或斜体,请在页面字体选项右侧的下拉列表中选择相应的字体选项。
如果选择其中一个选项,则所有文本在页面中都将显示为粗体或斜体。大多数设计师将这两个字段留空,因为他们想限制使用粗体或斜体来特别关注一个或多个单词。
-
在大小下拉列表中,为页面上的文本指定所需的字体大小。
同样,您可以覆盖页面上特定文本的这些设置,例如标题。
-
点击文字颜色样本框显示调色板。选择你喜欢的任何颜色。
您选择的颜色填充颜色样本框,但不会更改页面上的文本颜色,直到您单击“应用”或“确定”按钮。
-
单击背景颜色样本框显示调色板。选择你喜欢的任何颜色。
您选择的颜色填充颜色样本框,但是颜色不填充背景,直到您单击“应用”或“确定”按钮。
-
如果要将图形或照片插入到页面的背景中,请单击“背景图像”框旁边的“浏览”按钮,然后在“选择图像源”对话框中选择图像。
插入背景图像时,除非您从“重复”下拉列表中选择一个选项,否则它会自动重复,或者在整个页面上沿 切片, 。不重复可以防止背景图像重复。 Repeat-X和Repeat-Y分别在页面上垂直(x轴)或水平(y轴)重复图像。
-
使用对话框底部的边距选项来更改页面的左边距,右边距,上边距或下边距。
大多数网络浏览器在浏览器窗口的顶部和左侧为任何网页添加一点空间。在这四个字段中输入 0 将删除任何默认的页边空白,使您可以创建与浏览器边缘齐平的设计。
-
单击“应用”按钮,查看页面上颜色的外观。
-
单击确定完成并关闭页面属性对话框。