Как поменять цвет таблицы в html

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для стилизации ячеек таблиц можно использовать как свойства background, так и border.

Исходный HTML документ:

<table>
  <tr>
    <th>Заголовок 1</th>
    <th class="bg-2">Заголовок 2</th>
  </tr>
  <tr>
    <td class="bg-1">Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

CSS стили:

table {
  background: #cadetblue; /* Цвет фона таблицы */
  border: 2px dashed #000; /* Рамка вокруг таблицы */
}

td, th {
  padding: 10px; /* Поля вокруг текста */
  border: 1px solid #fff; /* Рамка вокруг ячеек */
}

.bg-1 {
  background: #burlywood;
}

.bg-2 {
  background: #darkgreen;
}

Результат:

table-css

3 года назад

Вячеслав Межуревский

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

1 месяц

Анимация CSS

Навык создания анимаций в CSS для улучшения пользовательского опыта и повышения востребованности на рынке

Похожие вопросы