Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги: ,

Категории

Рубрики

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Настройка и сопровождение рекламного кабинета во Вконтакте.

от 14000 

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Как поставить фон в html css

Чтобы поставить фон в HTML и CSS, вы можете использовать следующие методы.

Метод 1: Свойство background-color

Свойство background-color позволяет задать цвет фона элемента.

HTML:

<div class="container">
  <p>Этот текст на белом фоне</p>
</div>

CSS:

.container {
  background-color: white;
}

Метод 2: Свойство background-image

Свойство background-image позволяет установить изображение в качестве фона элемента.

HTML:

<div class="container">
  <p>Этот текст на фоне с изображением</p>
</div>

CSS:

.container {
  background-image: url('myimage.jpg');
}

Метод 3: Свойство background

Свойство background объединяет свойства background-color, background-image, background-repeat, background-position и background-size в одно свойство.

HTML:

<div class="container">
  <p>Этот текст на фоне с изображением и цветом</p>
</div>

CSS:

.container {
  background: white url('myimage.jpg') no-repeat center;
}

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

Метод 4: Свойство background-attachment

Свойство background-attachment контролирует, как будет прокручиваться фоновое изображение, когда пользователь прокручивает страницу.

CSS:

.container {
  background: white url('myimage.jpg') no-repeat center;
  background-attachment: fixed;
}

Здесь мы использовали свойство background-attachment для зафиксирования заднего фона, когда пользователь прокручивает страницу.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.