Чтобы задать задний фон элемента в CSS, нужно использовать свойство background
или его отдельные свойства, такие как background-color
, background-image
, background-repeat
, background-position
и т.д. Вот пример использования свойства background
:
body {
background: #f2f2f2 url("bg.jpg") repeat-x;
}
Этот код устанавливает фон страницы в светло-серый цвет #f2f2f2
с изображением, загруженным из файла «bg.jpg», которое повторяется зеркально по горизонтали. Вы можете настроить свойства фона так, чтобы они соответствовали вашим потребностям, используя различные значения.
Свойство background-color
устанавливает цвет фона элемента. Например:
div {
background-color: yellow;
}
Свойство background-image
устанавливает изображение в качестве фона. Например:
div {
background-image: url('image.jpg');
}
Значения background-repeat
и background-position
устанавливают соответственно повторение изображения в фоне и его позицию. Например:
div {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-position: center;
}
Этот код устанавливает изображение в качестве фона, повторение изображения отключено и изображение располагается по центру элемента.
Набор свойств фона может быть довольно сложным, особенно когда используется фоновое изображение. Однако, имея в виду понимание вышеприведенных принципов, вы сможете настроить свой фон по своему вкусу.