A标签几种状况下的样式问题

正常状态下的a标签是这样的。

去掉下划线只需要在样式里面加入
a{
text-decoration:none;
}
或者
<a href="www.kanbuchuan.com"style='text-decoration:none;'>这里是A标签</a>

还有更加详细的设置。
a:link{text-decoration:none; /* 指正常的未被访问过的链接*/
}a:visited{text-decoration:none; /*指已经访问过的链接*/
}a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;/* 指正在点的链接*/
}
可以试试下面的这段代码,比较以下就知道A标签的用法了。 ...




<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">

});
</script>
</head>

<body>
  <a href="www.kanbuchuan.com" style='text-decoration:none;' >这里是A标签</a>
</body> </html>

 

posted @ 2017-05-14 10:37  Mr_伍先生  阅读(522)  评论(0编辑  收藏  举报