走前端开发的人真的很辛苦，虽然我不想走开发，但是我今天也体会到了这种感觉，一个很小的细节，折腾了一个小时。
重点是： 在正常模式下无下划线，在鼠标经过时有下划线，在点击过后无下划线
首先，先介绍一下超链接伪类别的四个属性：
a:link----超链接普通模式，即在浏览器中正常现实的样式
a:hover----鼠标经过超链接时显示的样式
a:visited----超链接被点击过后的样式
a:active----此状态为激活状态，即超链接在被点住不放的状态下的样式
说到这里，要介绍一下HTML中的三种选择器分类
注意：选择其写在中
1.标签选择器：对页面内某一所有标签进行修饰时，用标签选择器。如用li标签，则整个HTML中所有的li都被修饰。
2.类选择器：定义一个类，用如下方式定义
.类名{
属性1：属性值1；
属性2：属性值2；
}
注意上式类名前有个点。
若不同选择器作用在同一个标签上，若选择器中的内容互相冲突，例如都修饰字体大小，则后者取代前者，若修饰内容不冲突，则叠加。
eg：
<html>
<head>
<style type="text/css">
li{
font-size:28px;
}
.size{font-size:10px;}
</style>
</head>
<body>
<ul>
<li>电视</li>
<li class="size">DVD</li>
<!--定义时要有点，class中没有点。-->
</ul>
</body>
</html>
电视字体大小为28px；DVD大小为10px。
3.ID选择器
#ID标识名{
属性1：属性值1；
属性2：属性值2；
}
eg：
`
HTML真的好有趣啊！！
`这样就利用了id修饰了“HTML真的好有趣啊！！”这句话。 *开始步入正题！！！*
<html>
<head>
<style type="text/css">
a:link, a:visited {
<!--注意在这块修饰的是正常情况下和点击后的情况。-->
text-decoration:none
<!--没有下划线-->
}
a:hover {
<!--注意这块修饰的是鼠标经过时的情况-->
text-decoration:underline
<!--有下划线-->
}
<!--这是一个分界线-->
<!--若不定义上面两个选择器，则出现的结果是不论什么时候都有下划线，因为这是HTML中默认的。-->
<!--要想取消正常模式和点击过后的下划线，则要将a:link和a:visited改为text-decoration:none，即没有下划线-->
<!--在这种情况下，在鼠标点击时也会没有下划线，这个暂时还不是特别清楚为什么，希望有人可以指出，因此，我又将a:hover定义为text-decoration:underline,即有下划线，这样就完成了要求。-->
a:link {
color: #059
}
a:hover {
color: #ff0
}
a:visited {
color: #000
}
</style>
</head>
<body>
<table align="center" width="600">
<tr style="background-color:90bcff">
<td width="100px;" height="20px;">
<a href="#">首页</a>
<a href="#">安全咨询</a>
<a href="#">课程设置</a>
<a href="#">攻防体验</a>
<a href="#">明星学员</a>
<a href="#">学员服务</a>
</td>
</tr>
</table>
</body>
</html>大量解释内容在注释中存在，请看源代码。
2014
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
