CSS 链接
使用 CSS，链接可以采用多种不同样式。
文本链接 文本链接 链接按钮 链接按钮
样式链接
链接可以使用任何 CSS 属性进行样式设置（例如 color, font-family,
background， ETC。）。
此外，链接可以根据内容采用不同的样式 状态 他们在。
这四个链接状态是：
a:link- 正常的、未访问过的链接a:visited- 用户访问过的链接a:hover- 当用户鼠标悬停在链接上时a:active- 点击链接
例子
/* 未访问的链接 */
一条链接 {
红色;
}
/* 访问过的链接 */
a:已访问{
颜色：绿色；
}
/* 鼠标悬停在链接上 */
悬停{
颜色：粉红色；
}
/* 选定的链接 */
一：活跃{
颜色：蓝色；
}
亲自尝试 »
在为多个链接状态设置样式时，有一些顺序规则：
- a:hover 必须位于 a:link 和 a:visited 之后
- a:active 必须位于 a:hover 之后
文本修饰
这 text-decoration 属性主要用于删除链接的下划线：
背景颜色
这 background-color 属性可用于指定链接的背景颜色：
链接按钮
此示例演示了一个更高级的示例，其中我们组合了几个 CSS 属性来将链接显示为框/按钮：
更多示例
例子
本示例演示如何向超链接添加其他样式：
a.one:链接{颜色：#ff0000;}
a.one:访问过{颜色：#0000ff;}
a.one:悬停{颜色：#ffcc00;}
a.two:链接 {颜色：#ff0000;}
a.two:访问过 {颜色：#0000ff;}
a.two:悬停{字体大小：150%;}
a.three:链接{颜色：#ff0000;}
a.three:访问过{颜色：#0000ff;}
a.three:hover {背景：#66ff66;}
a.four:链接{color:#ff0000;}
a.four:访问过{color:#0000ff;}
a.four:悬停{font-family: monospace;}
a.five:link {颜色：#ff0000;文本修饰：无;}
a.five:visited {颜色：#0000ff；文本修饰：无；}
a.five:hover {文本修饰：下划线；}
亲自尝试 »
例子
如何创建链接框/按钮的另一个示例：
a:链接，a:访问过{
背景颜色：白色；
颜色：黑色;
边框：2px 实心绿色；
填充：10px 20px；
文本对齐：居中；
文字修饰：无；
显示：内联块；
}
一个：悬停，一个：活动{
背景颜色：绿色；
白颜色;
}
亲自尝试 »
例子
此示例演示了不同类型的光标（对于链接很有用）：
<span style="cursor: auto">汽车</span><br>
<span style="cursor: crosshair">十字线</span><br>
<span style="cursor: default">默认</span><br>
<span style="cursor: e-resize">电子调整尺寸</span><br>
<span style="cursor: help">帮助</span><br>
<span style="cursor: move">移动</span><br>
<span style="cursor: n-resize">n-调整大小</span><br>
<span style="cursor: ne-resize">调整大小</span><br>
<span style="cursor: nw-resize">nw-调整大小</span><br>
<span style="cursor: pointer">指针</span><br>
<span style="cursor: progress">进步</span><br>
<span style="cursor: s-resize">s-调整大小</span><br>
<span style="cursor: se-resize">调整大小</span><br>
<span style="cursor: sw-resize">sw-调整大小</span><br>
<span style="cursor: text">文本</span><br>
<span style="cursor: w-resize">w-调整大小</span><br>
<span style="cursor: wait">等待</span>
亲自尝试 »
