首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在HTML中删除链接中的下划线?

如何在HTML中删除链接中的下划线?
EN

Stack Overflow用户
提问于 2012-06-02 00:15:54
回答 6查看 500.3K关注 0票数 143

在我的页面中,我放了一些我不想要的链接,那么,我如何使用HTML删除这些链接呢?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2012-06-02 00:19:29

Inline版本:

代码语言:javascript
复制
<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

但是,请记住,您通常从演示文稿(即HTML)中should separate您网站的内容(即HTML)。因此,您通常应该使用avoid inline styles

有关使用CSS的等效答案,请参阅John's answer

票数 205
EN

Stack Overflow用户

发布于 2012-06-02 00:16:40

这将从所有链接中删除所有下划线:

代码语言:javascript
复制
a {text-decoration: none; }

如果您有要应用此方法的特定链接,请为它们指定一个类名,如nounderline,然后执行以下操作:

代码语言:javascript
复制
a.nounderline {text-decoration: none; }

这将仅适用于这些链接,而不影响所有其他链接。

此代码属于您的文档的<head>或样式表:

代码语言:javascript
复制
<head>
    <style type="text/css">
        a.nounderline {text-decoration: none; }
    </style>
</head>

在身体里:

代码语言:javascript
复制
<a href="#" class="nounderline">Link</a>
票数 58
EN

Stack Overflow用户

发布于 2014-02-09 21:08:12

如果鼠标指针在锚点上,我建议使用:hover来避免下划线

代码语言:javascript
复制
a:hover {
   text-decoration:none;
}
票数 18
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10853881

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档