超链接字体颜色及下划线样式怎么改

2020-01-01 16:30:34网站建设

在网站建设制作过程中,通常需要对HTML网页中的超链接字体颜色及下划线样式进行修改,比如改变链接不同状态下的颜色,清除下划线或显示下划线等。

超链接样式

超链接字体颜色及下划线样式修改方法

只需要在链接对应的样式中添加不同状态下的代码即可,比如下面的示例。

.link a:link{text-decoration: none;color: #333333}
.link a:visited{text-decoration: overline;color: #666666}
.link a:visited {text-decoration: line-through}
.link a:hover{text-decoration:underline;color: #ff0000}
.link a:active{text-decoration:blink}

a链接属性样式说明:
a:link指正常的未被访问过的链接;
a:active指正在点的链接;
a:hover指鼠标在链接上;
a:visited指已经访问过的链接。

下划线text-decoration属性样式说明
none表示不显示下划线;
underline表示文本下面添加一条下划线;
overline 表示在文本上面加上一条线;
line-through表示线条穿过文本;
blink表示闪烁的文本。

需要注意的是,浏览器对属性是否支持。

超链接字体颜色及下划线样式怎么改相关

在html网页中, 超链接的默认样式是有下划线的,而我们为了美观效果,超链接下划线怎么去掉,其实要去掉超链接下划线很简单,只需为a标签添加css样式text-decoration:underline就可以去掉链接下划线。

2019-12-17