Удаление границ ячейки таблицы CSS

Question

Удаление границ ячейки таблицы CSS

0

Я делаю календарь событий на веб-сайте для класса. Верхняя строка календаря - дни недели, а следующие 4 - календарные дни. Ячейки календарного дня имеют границы, но дней недели в строке один нет. Я не могу понять, как избавиться от границ в 1-й строке. Я попытался изменить цвет границы. Я попытался border = "0px" в разных местах. Может ли кто-нибудь помочь?

Я новичок в HTML и CSS, поэтому, если вам нужна какая-либо информация, дайте мне знать.

user2975545 10 нояб. 2013, в 07:22

Источник

1

Разместите свой HTML и CSS в своем вопросе, пожалуйста.
j08691 10 нояб. 2013, в 05:48
0

попробуйте добавить tr:first-child td {border: 0} в конец вашего css-файла
hugo der hungrige 10 нояб. 2013, в 05:54

Теги:

html

css

2 ответа

Ещё вопросы

Разместите свой HTML и CSS в своем вопросе, пожалуйста.
попробуйте добавить tr:first-child td {border: 0} в конец вашего css-файла

Ravi Hamsa · Answer 1 · 2013-11-10T04-43-00.000Z

Я думаю, это то, что вы ищете. Идея должна иметь тот же цвет, что и фон и граница.

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

Ram Patra · Answer 2 · 2013-11-10T04-29-00.000Z

Вы можете попробовать border-collapse:collapse; свойство, подобное

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

См. Эту ссылку для лучшего понимания.

Или, если вы чувствуете себя достаточно профессионально, хотите глубокого понимания и заботитесь о своих знаниях - просто прочитайте здесь: developer.mozilla.org/en-US/docs/Web/CSS/border-collapse