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

Lion Digital Agency

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

теги:

Категории

Рубрики
Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!
от 29500 
Настройка и сопровождение рекламного кабинета во Вконтакте.
от 14000 
Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.
от 22900 

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

Круглые углы в CSS можно создать при помощи свойства border-radius.

HTML:

<div class="block">
  <p>Текст внутри блока с круглыми углами</p>
</div>

CSS:

.block {
  border-radius: 15px; /* задаем радиус скругления */
  background-color: #f2f2f2;
  padding: 20px;
}

В данном примере мы создали блок div с классом block, задали ему свойство border-radius, которое определяет радиус скругления углов. Также мы задали цвет фона с помощью свойства background-color и отступы внутри блока с помощью свойства padding.

Можно задать разный радиус скругления для каждого угла:

CSS:

.block {
  border-top-left-radius: 25px;
  border-bottom-right-radius: 20px;
  background-color: #f2f2f2;
  padding: 20px;
}

Такой код создаст блок с круглыми углами, где верхний левый угол будет иметь радиус скругления 25px, а нижний правый — 20px.

Поделиться:

Комментарии

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

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

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

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

Меню

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

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