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

weixin_34129145

于 2017-05-14 10:37:00 发布

阅读量180

点赞数

文章标签： javascript ViewUI

正常状态下的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>