Как изменить цвет блока в CSS

Чтобы изменить цвет фона (или цвет рамки) блока в CSS, нужно использовать свойство «background-color» (или «border-color» для цвета рамки).

Например, чтобы задать блоку красный цвет фона, нужно использовать такой CSS код:

div {
  background-color: red;
}

В этом примере блоку тега «div» задается красный цвет фона.

Можно также использовать другие значения цвета, такие как названия цветов (red, green, blue и т.д.), HEX-коды (#FF0000, #00FF00, #0000FF и т.д.), RGBA-значения (rgba(255, 0, 0, 0.5), rgba(0, 255, 0, 0.5), rgba(0, 0, 255, 0.5) и т.д.), или HSL-значения (hsl(0, 100%, 50%), hsl(120, 100%, 50%), hsl(240, 100%, 50%) и т.д.).

Вот примеры:

/* Использование HEX-кода */
div {
  background-color: #FF0000;
}
 
/* Использование RGBA-значения */
div {
  background-color: rgba(255, 0, 0, 0.5);
}
 
/* Использование HSL-значения */
div {
  background-color: hsl(0, 100%, 50%);
}

В зависимости от задачи, можно также использовать градиенты, изображения или другие эффекты для задания цвета фона блока.