去除a标签默认样式

最新推荐文章于 2024-06-18 11:03:59 发布

原创最新推荐文章于 2024-06-18 11:03:59 发布 · 4w 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

前端专栏收录该内容

107 篇文章

订阅专栏

本文详细介绍了CSS中链接的五种状态及其设置方法，包括未访问、已访问、鼠标悬停、活动点击和聚焦状态，帮助读者掌握如何为网页中的链接应用不同的样式。

a标签一个有以下几种状态：

每种的设置方法如下：

/*包含以下五种的链接*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
    text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
    text-decoration: none;
}