移除主题列表顶部的水平线

[Joshua_Kogan]

你好。我计划使用主题图块，这将取消标准主题列表的列标题；不过，它并不会移除与这些主题相关的水平线。请查看下图：

浅色主题元站点：

我的进行中站点：

如何移除那条线？提前感谢！

[awesomerobot (Kris)]

该边框位于 <tbody> 元素上，因此要使用 CSS 移除它：

.topic-list tbody {
  border-top: none;
}

[Joshua_Kogan]

@awesomerobot

.topic-list tbody { border-top: none; }

太棒了！效果非常好。谢谢！

[bifterx (rob Dennis)]

作为对这个问题的一点补充，如果我想更改顶部栏的颜色以及中间分隔条的颜色，这些设置是否也在同一个地方进行？

谢谢

[Johani (Joe)]

如果您指的是这些

那么您需要添加的是

.topic-list tbody {
  border-top-color: red;  // 将“red”更改为您想要的边框颜色
}

这将产生以下效果

对于中间的分割线，您需要添加

.topic-list tr {
  border-bottom-color: red; // 将“red”更改为您想要的边框颜色
}

这将产生以下效果

因此，将所有这些组合在一起，效果如下

.topic-list {
  tbody {
    border-top-color: red;
    tr {
      border-bottom-color: red;
    }
  }
}

[bifterx (rob Dennis)]

@Johani

.topic-list { tbody { border-top-color: red; tr { border-bottom-color: red; } } }

干得漂亮，非常感谢！