Веб-Денис
Помогаем создавать лучшее
  • Ответы WP
  • HTML-CSS
  • Фон сайта
  • Блог DM
Главная › Фон сайта секреты

Как установить картинку фона сайта в верху и по-центру страницы?

2022-06-15
Устанавливаем картинку по центру страницы сайта

Всем приветы и ответы!

И так, перед нами стоит очередная на мой взгляд простая задача, а именно!

Отобразить большую картинку, которая будет установлена фоном сайта в самом вверху страницы, по-центру!

Но при этом, чтобы цвет самого фона имен нужный цвет, к примеру серый!

Demo

Для этого мы выбираем, как прописать в CSS стилях нужные значения!

Я выбрал первый вариант, в котором необходимо прописать в файле style.css следующий код:

CSS

body {
background:#e5e5e5 url(body-fon.jpg) no-repeat center top;
}

#e5e5e5 — цвет фон страницы
body-fon.jpg — адрес картинки
no-repeat — запрещаем повторять изображение по оси X и Y
center — устанавливаем картинку по центру
top — прижимаем её к вверху страницы

На этом у меня всё! Удачных решений!

С уважением, Денис Мехедов
Четы самых явных ошибки бесшовного фона на сайтее

4 ошибки не бесшовного фона на сайте

А Вы оставите комментарий первым?

    Отменить ответ
    Автор Денис Мехедов
    Привет!

    Я Денис Мехедов.

    Я рассказываю про разные секреты, связанные с бесшовным фоном на сайте!

    • О проекте
    • Автор
    • Контакты
    • Комментарии
    • © Web-Denis 2022
    • Дизайн © ДМ
    • Хостинг Timeweb
    При копировании материалов, ссылка на сайт обязательна.
    Политика конфиденциальности
    Мы cохраняем файлы cookie.