【问题标题】:Removing table cell borders CSS删除表格单元格边框 CSS
【发布时间】:2013-11-10 05:48:04
【问题描述】:

我正在网站上为课程制作活动日历。日历的第一行是星期几,接下来的 4 行是日历日。日历日单元格有边框,但第一行的星期几没有。我不知道如何摆脱第一行的边框。我尝试更改边框颜色。我在各个地方都尝试过border="0px"。有人可以帮忙吗?

我是 HTML 和 CSS 的新手,如果您需要任何信息,请告诉我。

【问题讨论】:

  • 请在您的问题中发布您的 HTML 和 CSS。
  • 尝试在您的 css 文件末尾添加 tr:first-child td {border: 0}

标签: html css


【解决方案1】:

我想这就是你要找的。想法是与背景和边框具有相同的颜色。

jsffiddle

table {
    border-collapse: collapse;
}
th, td {
    padding:5px;
}
td,th {
   border:1px solid #ccc;
}

th {
    background-color:#333;
    border:1px solid #333;
    color:#fff;
}

【讨论】:

    【解决方案2】:

    你可以试试border-collapse:collapse; 属性

    tr:first-child td,tr:first-child th
    {
        border-collapse:collapse;
    }
    

    请参阅this link 以获得更好的理解。

    【讨论】: