【问题标题】:how do i remove the underline under my links?如何删除链接下的下划线?
【发布时间】:2013-11-10 18:43:25
【问题描述】:

我似乎找不到如何删除链接下的下划线...

.articles {
    margin-left: auto;
    margin-right: auto;
    width: 625px;
    text-decoration: none;
}

.articles-box {
    width: 120px;
    height: 40px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #E3D41F;
    -webkit-box-shadow: #B3B3B3 1px 1px 1px;
    -moz-box-shadow: #B3B3B3 1px 1px 1px;
    box-shadow: #B3B3B3 1px 1px 1px;
    font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
    font-size: 20px;
    color: white;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
}

【问题讨论】:

  • Google 创造了奇迹。
  • 向我们展示链接也不错。

标签: css underline


【解决方案1】:

<a>上设置text-decoration:none;

CSS:

a {text-decoration:none;}

【讨论】:

  • a 标签上没有,就像它说的那样。不在盒子上..(它不适用于 div's 仅适用于文本(如 p、h1、h2 等和 a)
  • 没问题,乐于助人!
【解决方案2】:

好吧,您似乎正确设置了 text-decoration 属性,所以我会说样式没有应用于您期望它们的元素(例如,类名拼写错误),或者它们正在被应用,并且某些东西正在某个时候覆盖该属性。

我建议使用浏览器工具来探索页面的 HTML,找到错误地带有下划线的元素,并检查它从哪里获取样式(我更喜欢 Chrome,但大多数浏览器都提供了这些行)。如果这不能使解决方案显而易见,如果您能提供更多信息(例如元素的 HTML 和周围的东西),我很乐意提供帮助。

【讨论】: