本节内容：
css去掉a超链接锚文本自带下划线样式
未做css初始化时，网页中带超链接文字会出现下划线，假如要去掉下划线怎么设置？
以下是去掉html a超链接自带下划线样式的实例教程，一起来看看。
一、去掉下划线css样式
CSS属性单词，要去掉a超链接锚文本下划线将用到以下CSS样式单词：
text-decoration 设置下划线样式单词
去掉a超链接下划线样式，将css text-decoration的值设置为“none”即可。
例如，去掉A链接下划线样式：
a{text-decoration:none}
二、去掉锚文本下划线
通过css去掉超链接下划线样式。
1、未去掉a超链接下划线
1）、html代码
复制代码 代码示例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>去掉超链接下划线在线演示 wwww.jb200.com</title>
</head>
<body>
欢迎来到<a href="http://www.jb200.com/">jbxue</a>学习CSS！
</body>
</html>
2、使用css去掉超链接下划线
1）、css代码片段
a{ text-decoration:none}
2）、完整css div代码
复制代码 代码示例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>去掉超链接下划线在线演示 wwww.jb200.com</title>
<style>
a{ text-decoration:none}
</style>
</head>
<body>
欢迎来到<a href="http://www.jb200.com/">jbxue</a>学习CSS！
</body>
</html>
