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

Lion Digital Agency

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

теги: ,

Категории

Рубрики

Подходит для небольших стартапов и тех, кто еще не рекламировал свой бизнес в интернете. Разработка сайта (до 5 страниц) + Яндекс Директ / ВК реклама.

от 69000 

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

от 22900 

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

от 14000 

Как сделать полоску в html css

Для создания полоски в HTML и CSS можно использовать элемент div и задать ему ширину и высоту, а также цвет фона в соответствии с нужными параметрами.

HTML:

<div class="stripe"></div>

CSS:

.stripe {
  width: 100%;
  height: 10px;
  background-color: #000;
}

В этом примере мы задаем ширину 100% и высоту 10 пикселей для элемента div с классом «stripe». Также мы устанавливаем цвет фона черный с помощью свойства background-color.

Если вы хотите создать полоску с текстом внутри, можете разместить текст внутри элемента div.

HTML:

<div class="stripe">
  <p>Текст внутри полоски</p>
</div>

CSS:

.stripe {
  width: 100%;
  height: 30px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stripe p {
  color: #fff;
  font-size: 16px;
}

Здесь мы задаем высоту полоски 30 пикселей и выравнивание содержимого по центру с помощью свойств display: flex, justify-content: center и align-items: center. Текст внутри полоски имеет белый цвет и размер шрифта 16 пикселей в стиле CSS для элемента p внутри элемента с классом «stripe».

Таким образом, вы можете использовать элемент div и настраивать его параметры через CSS, чтобы создавать вертикальные или горизонтальные полоски в веб-дизайне.

Поделиться:

Комментарии

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

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

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

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

Меню

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

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