无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?
当前回答
当你想将一个锚标记简单地用作一个链接而不添加样式(如悬停时的下划线或蓝色)时,在锚标记中添加class="no-style"。然后在全局样式表中创建类no-style。
.no-style {
text-decoration: none !important;
}
这有两个好处。
它不会影响所有的锚标记,只会影响那些添加了“no-style”类的锚标记。 它将覆盖任何其他可能阻止将文本装饰设置为none的样式。
其他回答
<u>
是一个已弃用的标记。
使用……
<span class="underline">My text</span>
一个CSS文件包含…
span.underline
{
text-decoration: underline;
}
或者只是……
<span style="text-decoration:underline">My Text</span>
下划线可以通过称为文本装饰的CSS属性删除。
<style>
a {
text-decoration:none;
}
</style>
如果要删除除a之外元素中文本的下划线,则应使用以下语法。
<style>
element-name{
text-decoration:none;
}
</style>
还有许多其他文本装饰值可以帮助你设计链接。
不要忘记使用link标记来包含样式表
http://www.w3schools.com/TAGS/tag_link.asp
或者将CSS包含在网页的样式标签中。
<style>
a { text-decoration:none; }
p { text-decoration:underline; }
</style>
我不建议在除链接之外的任何地方使用下划线,下划线通常被接受为可点击的东西。如果它不可点击,就不要下划线。
CSS基础知识可以在w3schools学习
如果你只是想从锚链接中删除下划线,最好的选择-
#content a {
text-decoration-line:none;
}
这将删除下划线。
此外,您也可以使用类似的语法来操作其他样式,使用-
text-decoration: none;
text-decoration-color: blue;
text-decoration-skip: spaces;
text-decoration-style: dotted;
希望这能有所帮助!
附注:这是我第一次回答!
使用css属性,
text-decoration:none;
从链接中删除下划线。
推荐文章
- 撇号的HTML代码
- 为什么我的CSS3媒体查询不能在移动设备上工作?
- 下一个元素的CSS选择器语法是什么?
- 是否有'box-shadow-color'属性?
- 在jQuery中的CSS类更改上触发事件
- 我如何用CSS跨浏览器绘制垂直文本?
- 如何获得box-shadow在左侧和右侧
- 相对定位一个元素,而不占用文档流中的空间
- 如何在jQuery检索复选框值
- 禁用身体滚动
- 如何在删除前显示确认消息?
- 使用jQuery动画addClass/removeClass
- 在一个CSS宽度的小数点后的位置是尊重?
- 检测输入是否有文本在它使用CSS -在一个页面上,我正在访问和不控制?
- 我怎么能选择一个特定的类的最后一个元素,而不是父里面的最后一个孩子?