在HTML中,链接通常会自动带有下划线以突显其可点击性,然而有时候我们可能想去掉这样的下划线,这时我们可以使用CSS中的text-decoration属性。text-decoration属性有以下几个
在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; /* 设置访问过的链接的颜色 */ }
这样就实现了访问过的链接无下划线并且变为灰色的效果。
粉丝
0
关注
0
收藏
0