css超链接

作者：嗜血之舞发布日期:2025-08-09 浏览:55

/* 超链接的默认样式 */
a {
    color: blue;
    text-decoration: none;
}

/* 当鼠标悬停在超链接上时的样式 */
a:hover {
    color: red;
    text-decoration: underline;
}

/* 已访问过的超链接样式 */
a:visited {
    color: purple;
}

/* 正在被点击的超链接样式 */
a:active {
    color: orange;
}

解释说明：

a：定义了所有超链接的默认样式，这里设置颜色为蓝色，并且去掉了下划线。
a:hover：当用户将鼠标悬停在超链接上时，链接的颜色变为红色，并且添加下划线。
a:visited：已访问过的链接会显示为紫色。
a:active：当用户点击链接时，链接的颜色会变为橙色。

这些样式可以帮助你更好地控制页面中超链接的外观。

上一篇：css高度

下一篇：css把边框变成圆弧形状