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

Как правильно установить прозрачный фон на сайт?

2022-06-22
Узнаем как можно применить прозрачный фон на сайте

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

У меня на сайте есть специальная рубрика, под названием Прозрачный фон для сайта!

И ниже я хочу рассказать новичкам интернета, как их можно использовать на своём сайте!

Demo

Смысл прозрачного фона на сайте?

Данная идея заключается в том, что картинка сохранена в формате png-24 и имеет прозрачность!

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

Картинка как бы накладывается на цвет!

Как сделать фон для сайта прозрачным!

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

CSS

body {
background:#ddedf4 url(body-fon.png) repeat;
}

#ddedf4 — цвет фона страницы
body-fon.png — адрес изображение (выбираем и скачиваем к себе на сайт)
repeat — повторяем картинку по оси X и Y

Вот собственно говоря и весь секрет!

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

С уважением, Денис Мехедов
Как следует правильно поставить фон на сайте правильно

Как поставить фон на сайт HTML правильно?

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

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

Четы самых явных ошибки бесшовного фона на сайтее

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

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

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

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

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

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