使用 CSS 设置a标签的不同状态样式

　　a标签的4中状态如下：

　　a:link  点击前的状态

　　a:hover 鼠标移动端链接时候的状态

　　a:action 鼠标点击时刻的状态

　　a:visited 鼠标点击后的状态

　　在所有主要的网络浏览器中，例如Chrome、Firefox、Safari等，网页上的链接都有下划线，并且如果您没有专门为其设置样式，则使用浏览器的默认链接颜色。

　　默认情况下，文本链接在大多数浏览器中显示如下：

　　未访问的链接，带下划线的蓝色文本。

　　已访问的链接为带下划线的紫色文本。

　　活动链接为带下划线的红色文本。

　　但是，在悬停状态下链接的外观没有变化。它保持蓝色、紫色或红色，具体取决于它们所处的状态（即未访问、已访问或活动）。

　　现在让我们看看如何通过覆盖其默认样式来自定义链接。

　　设置链接的自定义颜色

　　只需使用 csscolor属性来定义您为链接的不同状态选择的颜色。但在选择颜色时，请确保用户可以清楚地区分普通文本和链接。

　　让我们尝试以下示例来了解它的基本工作原理：

　　a:link {
　　color: #1ebba3;
　　}
　　a:visited {
　　color: #ff00f4;
　　}
　　a:hover {
　　color: #a766ff;
　　}
　　a:active {
　　color: #ff9800;
　　}

　　删除链接的默认下划线

　　如果您不喜欢链接上的默认下划线，您可以简单地使用 CSStext-decoration属性来删除它。或者，您可以在链接上应用其他样式，例如背景颜色、底部边框、粗体字体等，以使其更好地从普通文本中脱颖而出。

　　以下示例显示如何删除或设置链接不同状态的下划线。

　　a:link, a:visited {
　　text-decoration: none;
　　}
　　a:hover, a:active {
　　text-decoration: underline;
　　}