Генератор скругленных границ CSS
Верхний левый угол (px)：
Верхний правый угол (px)：
Нижний правый угол (px)：
Нижний левый угол (px)：
Что такое генератор скругленных границ CSS
Генератор скругленных границ CSS предоставляет инструмент для создания CSS-свойства border-radius, позволяя вводить значения углов в четырех направлениях для просмотра эффекта и генерации CSS-кода.
Свойство CSS3 border-radius
| Свойство | Описание |
|---|---|
| border-radius | Определяет радиус границы элемента |
| border-top-left-radius | Свойство определяет радиус верхнего левого угла. |
| border-top-right-radius | Свойство определяет радиус верхнего правого угла. |
| border-bottom-right-radius | Свойство определяет радиус нижнего правого угла. |
| border-bottom-left-radius | Свойство определяет радиус нижнего левого угла. |
Наш инструмент использует первую форму, которая является сокращением для других синтаксисов. Например:
border-radius: 10px 10px 10px 10px; Первое значение применяется к верхнему левому углу, второе — к верхнему правому, третье — к нижнему правому, четвертое — к нижнему левому.
Как использовать генератор скругленных границ CSS?
- Установите значения свойств: верхний левый (px), верхний правый (px), нижний правый (px), нижний левый (px)
- Сгенерированный код и эффект отобразятся в левой области.
- Нажмите кнопку «Копировать», чтобы скопировать ваш CSS-код border-radius.