html - テーブル セルの境界 CSS を削除する

Question

クラスの Web サイトでイベント カレンダーを作成しています。カレンダーの一番上の行は曜日で、次の 4 行はカレンダーの日です。暦日のセルには境界線がありますが、行 1 の曜日には境界線がありません。1行目の境界線を取り除く方法がわかりません。枠の色を変えてみました。いろいろなところで border="0px" にしてみました。誰でも助けることができますか？

私はHTMLとCSSが初めてなので、情報が必要な場合はお知らせください。

Answer 1

これがあなたが探しているものだと思います。アイデアは、背景と境界線と同じ色にすることです。

jsfiddle

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

理解を深めるために、このリンクを参照してください。