css如何设置超链接样式-开发者知识库平台

css如何设置超链接样式

css

566

2023/12/23 18:20:24

栏目: 编程语言

可以使用CSS的属性和伪类来设置超链接的样式。以下是一些常用的设置样式的方法：

a {
  color: #0066cc;
  text-decoration: underline;
}

可以通过color属性来设置超链接的颜色，通过text-decoration属性来设置下划线。

a:hover {
  color: #ff0000;
  text-decoration: none;
}

通过:hover伪类可以设置鼠标悬停时的样式。在上面的示例中，超链接在鼠标悬停时将变为红色，并去除下划线。

a:visited {
  color: #9900cc;
}

通过:visited伪类可以设置超链接的访问过的样式。在上面的示例中，超链接在被访问过后将变为紫色。

a {
  text-decoration: none;
}

可以通过设置text-decoration属性为none来去除超链接的默认下划线。

这些只是一些基本的设置超链接样式的方法，可以根据具体需求进行更多样式的设置。

css如何设置超链接样式