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

Lion Digital Agency

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

теги:

Категории

Рубрики
Настройка и сопровождение рекламного кабинета во Вконтакте.
от 14000 
Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.
от 22900 
SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.
от 25000 

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

Для создания полукруга в CSS можно использовать свойство «border-radius». Оно позволяет задать радиус закругления углов элемента, что позволяет создавать разные формы, в том числе полукруги.

Например, чтобы создать полукруглый элемент, можно использовать следующий CSS-код:

div {
  width: 200px;
  height: 100px;
  background-color: blue;
  border-radius: 0 0 100px 100px;
}

Этот код создает элемент div с шириной 200px, высотой 100px и голубым фоном. Свойство «border-radius» задает радиус закругления углов, примененный к каждому углу элемента. В этом примере углы в верхней части элемента не закруглены, а углы в нижней части имеют радиус 100px, что создает иллюзию полукруга.

Также можно использовать свойство «border-top-left-radius», «border-top-right-radius», «border-bottom-left-radius» и «border-bottom-right-radius» для задания радиуса закругления углов по отдельности. Например:

div {
  width: 200px;
  height: 100px;
  background-color: blue;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

Этот код создает элемент div с шириной 200px, высотой 100px и голубым фоном, в котором только верхние углы закруглены с радиусом 50px. Другие углы остаются прямоугольными.

Поделиться:

Комментарии

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

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

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

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

Меню

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

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