无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?
当前回答
css是
text-decoration: none;
and
text-decoration: underline;
其他回答
下划线可以通过称为文本装饰的CSS属性删除。
<style>
a {
text-decoration:none;
}
</style>
如果要删除除a之外元素中文本的下划线,则应使用以下语法。
<style>
element-name{
text-decoration:none;
}
</style>
还有许多其他文本装饰值可以帮助你设计链接。
这将删除您的颜色以及锚标签存在的下划线
a {
text-decoration: none;
}
a:hover {
color: white;
text-decoration: none;
cursor: pointer;
}
使用CSS删除文本装饰。
a {
text-decoration: none;
}
为这个问题提供另一个角度(从原始帖子的标题/内容推断):
如果您想要追踪是什么在HTML中创建了错误的下划线,请使用调试工具。有很多选择:
Firefox有FireBug;
Opera有蜻蜓(在工具->高级菜单中称为“开发人员工具”;Opera默认自带);
对于IE,有一个“Internet Explorer开发工具栏”,对于IE7及以下版本,可以单独下载,并集成到IE8中(点击F12)。
我对Safari、Chrome和其他少数浏览器不太了解,但你的电脑上至少应该有上述三种浏览器中的一种。
在我的例子中,有一个关于锚的悬停效应的规则,像这样:
#content a:hover {
border-bottom: 1px solid #333;
}
当然,文字装饰:没有;在这种情况下也无能为力。 我花了很长时间才发现。
所以:下划线不要与border-bottom混淆。
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?