创建HyperLink而不加下划线

时间:2011-05-24 09:27:38

标签: html css

我有一个关于创建超链接的简单问题。            clickme          创建一个超链接,但点击我会加下划线... 如何创建一个链接不会加下划线的超链接..我应该使用css ??

由于

5 个答案:

答案 0 :(得分:9)

使用css。像这样的东西:

a
{
text-decoration: none;
}

在悬停时恢复下划线:

a:hover
{
text-decoration:underline;
}

您可以用类选择器或Id替换a。

编辑:错别字;

答案 1 :(得分:1)

是的,你应该使用css。

<a href="link" style="text-decoration: none;">asdf</a>

答案 2 :(得分:1)

使用css隐藏锚标记的下划线:

'a:link {text-decoration:none}'

http://jsfiddle.net/sushant_ceb/L9KNT/

答案 3 :(得分:0)

要为文档中的所有超链接禁用下划线,请使用

<STYLE TYPE="text/css">
<!-- 
  A:link {text-decoration: none}
-->
</STYLE>

在HTML文件的头部。

要仅禁用某些超链接的下划线,请使用

<STYLE TYPE="text/css">
<!-- 
  A:link.nounderline {text-decoration: none}
-->
</STYLE>

并定义不像往常一样加下划线的超链接(<a href="://www.google.com">Google</a>),但是将nounderline类用于那些不加下划线的类:

<a class="nounderline" href="http://www.yahoo.com">Yahoo</a>

答案 4 :(得分:0)

要了解有关文本修饰的更多信息(除了仅加下划线),请阅读CSS3 Text Specs