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

Lion Digital Agency

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

теги:

Категории

Рубрики

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

от 950 

Услуги веб дизайна под ключ.

от 29500 

Услуги интернет-маркетолога для вашего бизнеса. Анализ рынка, подбор стратегии и команды, увеличение продаж и узнаваемости бренда.

от 29500 

Как сделать блок под блоком в css

Чтобы создать блоки, расположенные друг под другом, на HTML-странице, вы можете использовать CSS свойство display с значением block.

Вот пример CSS-кода, который создает два блока, каждый из которых находится под предыдущим:

.block {
  width: 100%;
  height: 100px;
  background-color: #f2f2f2;
  display: block;
  margin-bottom: 20px;
}

Здесь мы задали класс .block элементам, которые будут составлять блоки на странице. Мы также задали ширину и высоту блоков, а также задали фоновый цвет.

Наиболее важное здесь свойство — это display: block, которое позволяет располагать каждый блок в отдельной строке на странице. Добавив margin-bottom, мы задаем отступы между блоками, чтобы создать пространство между ними на странице.

С использованием данных стилей вы можете создавать блоки, расположенные друг под другом, на вашей странице. При необходимости, можно изменять значения высоты, ширины, цвета, отступов и других свойств блоков в соответствии с вашими требованиями.

Поделиться:

Комментарии

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

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

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

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

Меню

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

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