css中无下划线的样式

在HTML中，链接通常会自动带有下划线以突显其可点击性，然而有时候我们可能想去掉这样的下划线，这时我们可以使用CSS中的text-decoration属性。

text-decoration属性有以下几个属性值：

text-decoration: none; /*去掉下划线*/ 
text-decoration: underline; /*添加下划线*/ 
text-decoration: overline; /*添加上划线*/ 
text-decoration: line-through; /*添加删除线*/ 
text-decoration: blink; /*文本闪烁*/ 

我们可以用text-decoration: none;来去掉链接的下划线：

a {
  text-decoration: none;
} 

从而实现无下划线的链接效果。同样的，我们也可以为其他文本实现不同的装饰效果。

需要注意的是，有些浏览器会对访问过的链接加入特殊的样式，称为“visited”状态。这时我们需要设置a:visited的样式。

a:visited {
  text-decoration: none;
  color: #666; /* 设置访问过的链接的颜色 */
} 

这样就实现了访问过的链接无下划线并且变为灰色的效果。