Question

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

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

Answer 1

在text-decoration:none;

上设置<a>

Css：

a {text-decoration:none;}

Answer 2

好吧，您似乎正在正确设置text-decoration属性，因此我会说这些样式未应用于您期望它们的元素（例如，类名称拼写不正确），或者它们正在被应用，某些东西在某些时候会覆盖该属性。

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

如何删除链接下的下划线？

2 个答案: