Чтобы изменить фон с помощью CSS, можно использовать свойство background: 2

• background-color — задаёт цвет фона элемента. 2 Значение задаётся в виде hex-кодов, RGB-функций или названий цветов. 2
• background-image — устанавливает фоновое изображение для элемента. 2 Это может быть любой тип изображения, включая jpeg, png, gif, svg и другие. 2 Значение этого свойства указывается в формате URL, который ссылается на изображение. 2
• background-position — определяет начальную позицию фонового изображения. 2 Задаётся в процентах или пикселях относительно верхнего левого угла элемента. 2
• background-repeat — указывает, должно ли фоновое изображение повторяться. 2
• background-size — устанавливает размер фонового изображения. 2 Значение может быть указано в пикселях, процентах, которые рассчитываются от размера элемента, или любых других доступных для CSS единицах измерения. 2
• background-attachment — определяет, будет ли фоновое изображение прокручиваться вместе с содержимым элемента. 2

Также для создания градиентного фона (плавного перехода от одного цвета к другому) можно использовать свойство linear-gradient. 3