В чем разница между фоновым и контурным цветами в CSS?

Разница между фоновым и контурным цветами в CSS заключается в том, что для определения разных элементов используются различные свойства:

• Фоновый цвет задаётся свойством background-color. gb.ru sky.pro Оно устанавливает однотонный цвет фона элемента, распространяясь на сам контент и отступы от него. developer.mozilla.org
• Цвет контура формируется свойством outline-color. gb.ru Например, таким контуром подсвечивается кнопка, находящаяся в фокусе. gb.ru

Таким образом, background-color устанавливает цвет фоновой подложки, а outline-color — цвет контура элемента. gb.ru

Также для более сложного оформления фона можно использовать свойство background, которое позволяет добавлять изображения и настраивать их позиционирование в одном кратком объявлении. sky.pro