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

Lion Digital Agency

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

теги:

Категории

Рубрики

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

от 25000 

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

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

от 29500 

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

Чтобы сделать скругленные углы элемента в CSS, вы можете использовать свойство border-radius.

Например, чтобы скруглить углы блока на 10 пикселей:

.block {
  border-radius: 10px;
}

В этом примере свойство border-radius устанавливает радиус скругления для всех четырех углов блока на 10 пикселей.

Чтобы скруглить только верхние углы блока:

.block {
  border-radius: 10px 10px 0 0;
}

В этом примере свойство border-radius устанавливает радиус скругления для правого верхнего и левого верхнего углов блока на 10 пикселей.

Чтобы скруглить только левый верхний угол блока:

.block {
  border-top-left-radius: 10px;
}

В этом примере свойство border-top-left-radius устанавливает радиус скругления только для левого верхнего угла блока на 10 пикселей. Вы можете использовать аналогичные свойства для правого верхнего, нижнего правого и нижнего левого углов блока.

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

.block {
  border-radius: 50px 10px;
}

В этом примере свойство border-radius устанавливает вертикальный радиус скругления в 50 пикселей и горизонтальный радиус скругления в 10 пикселей. Как и в предыдущих примерах, можно указывать значение либо для всех углов, либо задавать разное значение для каждого угла в следующем порядке: верхний левый, верхний правый, нижний правый, нижний левый.

Поделиться:

Комментарии

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

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

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

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

Меню

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

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