← Все вопросы

Чем отличаются color и background? Поставил цвет, а покрасился текст, а не фон

Задан 13 месяцев назад1.4к просмотров2 ответа
4

Хотел сделать у блока красный фон, написал color: red; — а покрасились только буквы. Где я ошибся и какое свойство отвечает за фон?

2 ответа

8
✓ Принятый ответ — помог автору

Ты не ошибся в синтаксисе, просто перепутал свойства:

  • color — это цвет текста (букв).
  • background-color (или короче background) — цвет фона.

Вот так будет красный фон и белые буквы:

.box {
  background-color: red;
  color: white;
}

Легко запомнить: color без приставки всегда про текст. Всё, что про фон, начинается с background.

2

background умеет больше, чем просто цвет: туда можно положить картинку, градиент и т.д. Но если нужен только цвет — пиши background-color, так понятнее.

Ваш ответ

Войдите, чтобы ответить на вопрос.