CSS Border Radius 생성기

CSS border-radius를 시각적으로 조정합니다.

스튜디오 · 중성 환경

모드

반경20px

CSS

기능

4-corner control

Unified / independent mode

Slider + number input

Live preview & CSS code

1. 반경 슬라이더를 드래그하면 스테이지의 카드가 실제 크기로 모서리를 미리 보여줍니다.

2. 「모서리별」로 전환하면 각 모서리를 따로 조정할 수 있습니다.

3. CSS를 복사하세요 — 가장 짧은 표기법으로 출력됩니다.

What is border-radius?

The CSS border-radius property rounds the corners of an element's outer border edge.