样式化链接

链接可以用任何CSS属性(例如:color、font-family、background等)来设计.

此外,根据链接所处的状态,可以对其进行不同的样式设计.

四个链接状态是:

• a:link - 正常,未访问的链接.
• a:visited - 用户已访问的链接.
• a:hover - 用户鼠标悬停在链接上时.
• a:active - 单击连接时

当为几个链接状态设置样式时,有一些顺序规则:

• a:hover必须写在a:link和a:visited之后.
• a:active必须写在a:hover之后.

文本装饰(text-decoration属性)

text-decoration属性主要用于删除链接中的下划线:

背景颜色(background-color属性)

background-color属性可用于指定链接的背景颜色:

高级 - 按钮链接

此示例演示了一个更高级的示例,在该示例中,我们将多个CSS属性组合显示,把链接显示为框/按钮:

更多例子

此示例演示如何向超链接添加其他样式.

如何创建链接框/按钮的另一个示例.

cursor属性指定要显示的光标类型.此示例演示不同类型的光标(对链接有用).