更改超链接的外观

通过在级联样式表 (CSS) 中定义样式,可以控制各种超链接属性的外观,包括颜色、字号和字体系列。此外,还可以指定有关不同超链接状态的属性,例如已访问的超链接或指针悬停在上方时的超链接。

超链接状态

超链接 (a:link)

未选中的超链接

活动超链接 (a:active)

当前选中的超链接

访问过的超链接 (a:visited)

已经访问过的超链接

悬停时超链接 (a:hover)

指针悬停在上方时的超链接

若要更改一个或多个网页中的超链接的外观,既可以在每个网页的内部 CSS 中定义超链接样式,也可以在必须附加到每个网页的外部 CSS 中定义这些样式。如果希望多个网页使用相同的超链接样式,在外部 CSS 中定义这些样式并将此外部 CSS 附加到那些网页中的做法,要比在每个网页的内部 CSS 中定义这些样式效率更高。

如果只希望定义单一网页中的超链接颜色,则可以使用“新建样式”对话框或“网页属性”对话框。这两种方法都使用了 CSS,但是“新建样式”对话框可用于在能够附加到多个网页的外部 CSS 中定义样式,而“网页属性”对话框只能在内部 CSS 中定义样式。若要使用“新建样式”对话框,请参阅“更改超链接的外观”这一过程;若要使用“网页属性”对话框,请参阅“仅更改单一网页中的超链接颜色”这一过程。

Cc294936.alert_tip(zh-cn,Expression.10).gif提示:

若要更改网页中单个超链接的外观,请选择该超链接,再创建一个定义所需属性的级联样式。请参阅创建样式

更改超链接的外观

  1. 若要选择超链接样式的位置,请执行下列操作之一:

    • 若要将超链接样式添加到某个网页的内部 CSS 中,以便仅应用到该网页中的超链接,请在“设计”视图或“代码”视图中打开该网页。

    • 若要将样式添加到外部 CSS 中,以便附加到一个或多个网页,请打开 .css 文件或创建新的 .css 文件。有关详细信息,请参阅创建级联样式表

  2. 在“应用样式”任务窗格中,单击“新建样式”。

  3. 在“新建样式”对话框的“选择器”框中,选择下列选项之一:

    具体选项

    实际作用

    a

    设置超链接的默认外观。

    a:active

    设置单击时超链接的外观。

    a:hover

    设置当指针移到超链接上时超链接的外观。

    a:link

    设置未单击过的超链接的外观。

    a:visited

    设置访问过的超链接的外观。

  4. 在“类别”框中,根据需要设置下列任何属性:

    具体选项

    实际作用

    字体

    设置字体属性,包括字号、粗细、效果和颜色。

    设置行高、文本对齐、文本缩进和文本间距。

    背景

    设置背景色和背景图像属性。

    边框

    设置边框及其属性。

    方框

    设置框和块级元素的衬距和边距属性。

    定位

    设置框和块级元素的尺寸和位置。

    布局

    设置框和块级元素的可视性、浮动和环绕行为、剪切以及其他布局属性。

  5. 单击“确定”。

    Cc294936.alert_note(zh-cn,Expression.10).gif说明:

    如果超链接样式存储在外部 CSS 中,则必须将 .css 文件附加到需要使用该样式的网页中。请参阅附加或取消外部级联样式表

仅更改单一网页中的超链接颜色

  1. 在“设计”视图或“代码”视图中打开网页。

  2. 在“文件”菜单上,单击“属性”。

  3. 在“网页属性”对话框中,单击“格式”选项卡。

  4. 在“颜色”之下的“超链接”、“已访问的超链接”、“活动超链接”和“悬停超链接”框中,选择要使用的颜色。

  5. 单击“确定”。

更改特定字符的超链接颜色

  1. 在“设计”视图或“代码”视图中打开网页。

  2. 选择要修改的超链接字符。

  3. 在“通用”工具栏上,单击“字体颜色”按钮 Cc294936.7d82a39a-24b2-44b2-9c48-b4b40a414535(zh-cn,Expression.10).gif 上的箭头,再选择一种颜色。

另请参见

概念

创建或修改超链接

更改超链接的目标框架

创建级联样式表