【CSS】如何去除<a>标签的下划线

5,032 阅读1分钟

使用 text-decoration:none; 即可。

可直接在a { text-decoration:none; } 中设置,也可以在其各个伪类中分别设置:

a:link:初始状态,链接未被访问;

a:hover:鼠标滑过时;

a:active:点击链接时,获得焦点;

a:visited:链接为已被访问状态。

text-decoration 属性是一种简写属性,并且可以使用普通属性三个值中的任何一个。

普通属性:

包括 text-decoration-line、text-decoration-color及text-decoration-style

扩展:属性值一览

1.text-decoration-line(文本修饰的位置)属性值:

-none :无装饰 

-overline :上划线

-underline:下划线

-line-through:贯穿线/删除线

-blink :闪烁

2.text-decoration-color(文本修饰的颜色)

3.text-decoration-style(文本修饰的样式)属性值:

-波浪线:wavy

-实线:solid

-虚线:dashed

...........