html - 删除表格单元格边框 CSS

Question

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

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

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

Answer 2

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

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

请参阅此链接以更好地理解。