Свойство background-image позволяет задать фоновое изображение.
Возможные значения: url(путь_к_файлу) | none
Значение по умолчанию: none
Наследуется: нет
Пример:
Картинка:
CSS:
1 2 3 |
body { background-image : url("images/mybackground.png"); } |
Полный текст примера:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <head> <title>CSS background-image</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style media="screen"> body { background-image : url("images/mybackground.png"); } </style> </head> <body> <p> Первый абзац. </p> <p> Второй абзац. </p> <a href="https://urvanov.ru/2016/02/12/css-background-image/">CSS background-image</a> </bodY> |
Как видите, картинка повторяется многократно по горизонтали и вертикали, заполняя всё доступное пространство элемента. Используйте свойство background-repeat, чтобы изменить это поведение.