133 · Дизайн и уеб

Генератор на радиус на границата

Закръглете всичките четири ъгъла наведнъж или оформете всеки поотделно, след което копирайте CSS.

Вашите данни: Този инструмент обработва въведеното от вас в този браузър. CapyHelp не качва този вход, за да генерира вашия резултат. Подробности за поверителност

Генератор на радиус на границата

Как да използвате генератора на радиус на границата

  1. Използвайте един плъзгач за всички ъгли или премахнете отметката, за да зададете всеки ъгъл.
  2. Гледайте предварителния преглед.
  3. Копирайте радиусната линия на границата.

Стенографичният ред

С четири стойности, border-radius върви по посока на часовниковата стрелка от горния ляв ъгъл: горе-ляво, горе-дясно, долу-надясно, долу-ляво. Когато всички ъгли съвпаднат, инструментът записва една стойност.

Примери

Всички ъгли 24px

радиус на границата: 24px;

40, 8, 40, 8

радиус на границата: 40px 8px 40px 8px;

Въпроси

Как да направя кръг?

Дайте на квадратен елемент радиус от 50% или радиус поне половината от ширината му.

Автоматичен превод. Прегледайте важни резултати.