您可以利用CSS的text-decoration属性来去掉超链接下划线。只需将其设置为none即可,示例代码如下:
a{
text-decoration: none;
}
这会将页面中所有超锥接下划线都去,如果您只想去掉某些超链接的下划线,可以为这些链接添加一个特定的class,并针对该CIass设置上述CSS属性。
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css超链接去掉下划线示例</title>
<style>
a{
text-decoration: none;
}
</style>
</head>
<body>
<a href="">大家再看我还有没有下划线了!
</a>
</body>
</html>
可以创造,此时文本超链接下划线是不是已经去掉了?这个效果实现是不是非常大略呢?大家紧张节制一个样式属性便是text-decoration: none;这个属性。给对应的a标签文本添加这个属性就可以去除文本超链接下划线了。
扩展资料:
HTML 超链接(链接)的属性:
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过利用 标签在 HTML 中创建链接。
有两种利用 标签的办法:
1、通过利用 href 属性 - 创建指向另一个文档的链接;
2、通过利用 name 属性 - 创建文档内的书签。