如何使用CSS取消字体下划线去除超链接下划线样式？

在给文字加上超链接锚文本（html a）后，字体就被默认自动加上下划线样式，但可以通过CSS实现取消去掉全网页超链接的文字字体被加下划线样式。

去掉取消超链接字体下划线的CSS代码：

a{text-decoration:none}

DIVCSS5通过div+css实例演示超链接字体下划线的去掉取消。

一、未去掉默认下划线DIV CSS实例 - TOP

1、超链接未去掉下划线的HTML代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>DIVCSS5未取消去掉下划线</title> 
</head> 
<body> 
欢迎来到<a href="http://www.divcss5.com/">DIVCSS5</a>! 
</body> 
</html>

2、未使用CSS去掉下划线效果截图

未去掉超链接字体下划线截图

二、使用css去掉字体下划线实例 - TOP

1、去掉取消超链接下划线的css+HTML源代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>DIVCSS5未取消去掉下划线</title> 
<style> 
a{ text-decoration:none} 
</style> 
</head> 
<body> 
欢迎来到<a href="http://www.divcss5.com/">DIVCSS5</a>! 
</body> 
</html>