css去掉超链接样式

/* 在全局CSS文件中设置 */
a {
  text-decoration: none; /* 去掉下划线 */
  color: inherit; /* 继承父元素的颜色 */
}

a:hover, a:focus {
  text-decoration: none; /* 去掉悬停和聚焦时的下划线 */
  color: inherit; /* 继承父元素的颜色 */
}

/* 在特定元素的CSS样式中设置 */
.container a {
  text-decoration: none;
  color: inherit;
}

.container a:hover, .container a:focus {
  text-decoration: none;
  color: inherit;
}

<!-- 直接在HTML元素中使用style属性设置 -->
<a href="#" style="text-decoration: none; color: inherit;">链接</a>

a {
  text-decoration: none;
  color: #007bff; /* 设置一个显眼的颜色 */
}

a:hover, a:focus {
  color: #0056b3; /* 悬停和聚焦时改变颜色 */
}

a {
  text-decoration: none;
  color: #007bff;
  padding: 2px; /* 增加点击区域 */
  border-radius: 4px; /* 添加圆角 */
}