-8

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

.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;
}
4

2 回答 2

1

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

CSS： 

a {text-decoration:none;}
于 2013-10-30T22:30:24.157 回答
1

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

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

于 2013-10-30T22:38:36.223 回答