视频: 6.2 DW Anchors 锚点链接、邮件链接 2024
如果您像许多使用Dreamweaver的设计师一样，可能不喜欢在网页中的所有链接文本下自动出现的下划线。使用Dreamweaver的“页面属性”对话框移除下划线并更改链接的颜色，字体和大小非常简单。您还可以从“页面属性”对话框中更改其他页面范围的设置，例如背景颜色和页边距。
<！ --1 - >一次更改所有链接样式的最简单方法是在“页面属性”对话框中更改它们。当您使用此选项时，Dreamweaver会自动创建相应的标签选择器样式，并将其列在“CSS样式”面板中。此对话框中的其他页面范围设置的工作方式类似，您可以使用CSS工具编辑所有这些选项。
要使用“页面属性”对话框更改超链接和其他样式，请打开现有页面或创建一个新页面，然后执行以下步骤：
<！ - 2 - >-
选择修改→页面属性。
或者，您可以单击“属性”检查器中的“页面属性”按钮。页面属性对话框出现。
-
在页面属性对话框的左侧，选择链接（CSS）类别。
-
指定链接的字体和大小。
如果您要在页面上的其他文字中使用相同的字体大小和面对您的链接，最好将这些选项留空。然后，如果您更改页面的文本设置，则不必记住为链接更改它们。
-
通过单击相应的颜色并从“颜色”对话框中选择一种颜色，为每个超链接状态指定颜色。
您可以更改任何或所有链接颜色设置。如果您不指定链接颜色，则浏览器将使用默认的链接颜色。以下是四种链接状态的解释：
-
链接颜色： 当页面首次加载并且链接页面尚未被浏览器访问时，链接显示的颜色。相应的HTML标签是。
-
访问的链接： 在浏览器已经查看链接的页面之后，链接变为的颜色。相应的HTML标签是。
-
滚动链接： 当用户通过链接滚动光标时，链接变为的颜色。相应的HTML标签是。
-
活动链接： 当用户主动点击链接时，链接变为的颜色。相应的HTML标签是。
-
-
从下划线样式下拉列表中选择样式。
默认情况下，Web浏览器中显示的链接带下划线。许多设计师喜欢通过选择“从不下划线”来移除自动出现在链接文本下的下划线。您可以给访问者提供下划线的视觉提示，但只有当他们在一个链接上滚动光标时，所以选择选项仅显示下划线上的下划线选项。点击确定。
-
“页面属性”对话框关闭，样式设置自动应用于页面上的任何链接，相应的样式将添加到“CSS样式”面板中。
要全面测试链接样式，请在网络浏览器中预览页面，或单击工作区顶部的实时查看按钮。当您进行上述练习中的更改时，最好在浏览器中测试链接设置。看看你的链接是如何出现的。
例如，检查活动链接颜色和访问链接颜色是否与页面的背景颜色相符。请记住，使用“页面属性”对话框创建的任何样式都会影响页面上的
所有 链接，除非您专门将不同的样式应用于覆盖重新定义的标签样式的单个链接。 如果要在同一页面的不同部分使用不同的链接样式，可以创建复合样式以创建不同的链接样式。
