在CSS中，你可以使用一些属性来样式化链接（<a> 标签）。以下是一些常见的CSS链接样式属性和用法：

1. 基本链接样式：
a {
  text-decoration: none; /* 去除链接下划线 */
  color: #0066cc; /* 设置链接文本颜色 */
}

a:hover {
  text-decoration: underline; /* 在鼠标悬停时显示下划线 */
  color: #004080; /* 设置链接悬停时的文本颜色 */
}

2. 链接状态样式：
a:visited {
  color: #663399; /* 设置已访问链接的文本颜色 */
}

a:active {
  color: #ff0000; /* 设置链接在被点击时的文本颜色 */
}

3. 去除链接的默认样式：
a {
  text-decoration: none; /* 去除链接下划线 */
  color: inherit; /* 继承父元素的文本颜色 */
}

a:hover {
  text-decoration: underline; /* 在鼠标悬停时显示下划线 */
}

4. 修改链接背景：
a {
  background-color: #ffffcc; /* 设置链接背景颜色 */
  padding: 5px 10px; /* 添加内边距，增加链接点击区域 */
  border-radius: 5px; /* 设置圆角边框 */
}

5. 链接的文本阴影：
a {
  text-shadow: 1px 1px 1px #666; /* 设置文本阴影，提高链接可读性 */
}

这些样式是常见的链接样式设置，你可以根据具体需求进行调整和修改。


转载请注明出处：http://www.zyzy.cn/article/detail/12524/CSS