CSS-свойство background-color
Описание: Устанавливает цвет фона элемента, влияя на его визуальное восприятие и контрастность с текстом и другими элементами.
Значения:
- Имена цветов (например, red, blue)
- HEX (например, #ffffff)
- RGB (например, rgb(255, 255, 255))
- RGBA (например, rgba(255, 255, 255, 0.5))
- HSL (например, hsl(0, 0%, 100%))
- HSLA (например, hsla(0, 0%, 100%, 0.5))
- transparent
Начальное значение: transparent
Применяется к: Все элементы
Наследуется: Нет
Медиа-тип: visual
Пример использования
.header {
background-color: #f0f0f0;
}Доступность (a11y)
- Обеспечьте достаточный контраст между цветом фона и цветом текста для улучшения читаемости, особенно для пользователей с нарушением зрения.
- Избегайте использования слишком ярких или конфликтующих цветов, которые могут вызывать усталость глаз или затруднять восприятие контента.
- Использование
transparentможет быть полезным для создания слоистых дизайнов, но убедитесь, что фоновые изображения или родительские элементы также обеспечивают достаточный контраст.