无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?
当前回答
不要忘记使用link标记来包含样式表
http://www.w3schools.com/TAGS/tag_link.asp
或者将CSS包含在网页的样式标签中。
<style>
a { text-decoration:none; }
p { text-decoration:underline; }
</style>
我不建议在除链接之外的任何地方使用下划线,下划线通常被接受为可点击的东西。如果它不可点击,就不要下划线。
CSS基础知识可以在w3schools学习
其他回答
我在网印中一直被这个问题困扰并解决了。验证的结果。
a {
text-decoration: none !important;
}
它的工作原理!
当你想将一个锚标记简单地用作一个链接而不添加样式(如悬停时的下划线或蓝色)时,在锚标记中添加class="no-style"。然后在全局样式表中创建类no-style。
.no-style {
text-decoration: none !important;
}
这有两个好处。
它不会影响所有的锚标记,只会影响那些添加了“no-style”类的锚标记。 它将覆盖任何其他可能阻止将文本装饰设置为none的样式。
不要忘记使用link标记来包含样式表
http://www.w3schools.com/TAGS/tag_link.asp
或者将CSS包含在网页的样式标签中。
<style>
a { text-decoration:none; }
p { text-decoration:underline; }
</style>
我不建议在除链接之外的任何地方使用下划线,下划线通常被接受为可点击的东西。如果它不可点击,就不要下划线。
CSS基础知识可以在w3schools学习
最简单的选择是:
<a style="text-decoration: none">No underline</a>
当然,混合CSS和HTML(即内联CSS)不是一个好主意,特别是当你到处使用标签的时候。 这就是为什么把它添加到样式表中是一个好主意:
a {
text-decoration: none;
}
甚至是JS文件中的这段代码:
var els = document.getElementsByTagName('a');
for (var el = 0; el < els.length; el++) {
els[el].style["text-decoration"] = "none";
}
为这个问题提供另一个角度(从原始帖子的标题/内容推断):
如果您想要追踪是什么在HTML中创建了错误的下划线,请使用调试工具。有很多选择:
Firefox有FireBug;
Opera有蜻蜓(在工具->高级菜单中称为“开发人员工具”;Opera默认自带);
对于IE,有一个“Internet Explorer开发工具栏”,对于IE7及以下版本,可以单独下载,并集成到IE8中(点击F12)。
我对Safari、Chrome和其他少数浏览器不太了解,但你的电脑上至少应该有上述三种浏览器中的一种。
推荐文章
- 画布在使用CSS时被拉伸,但正常使用“width”/“height”属性
- 如何从输入按钮删除轮廓边框
- 如何让一个按钮将我的页面重定向到另一个页面?
- 有一个固定的位置div,需要滚动,如果内容溢出
- 如何让元素被点击(对于整个文档)?
- Node.js上的html解析器
- 大写还是小写文档类型?
- 样式化HTML电子邮件的最佳实践
- CSS可以在元素中的每个单词后强制换行吗?
- CSS/HTML:什么是使文本斜体的正确方法?
- 我如何才能在表中应用边界?
- 如何使一个DIV不包装?
- 使用jQuery以像素为整数填充或边距值
- CSS div元素-如何显示水平滚动条只?
- 如何指定一个元素后包装在css flexbox?