UTILS.
100% 브라우저 내 실행

CSS Border Radius 생성기

각 모서리의 반경을 실시간 미리보기로 조정하고 CSS를 복사하세요.

이 도구에 대하여

네 개의 슬라이더로 박스의 각 모서리를 독립적으로 둥글게 만들고 생성된 border-radius 규칙을 복사하세요. 미리보기가 즉시 갱신되며 모두 브라우저에서 실행됩니다.

자주 묻는 질문

모서리는 어떤 순서로 작성되나요?
단축 표기는 왼쪽 위부터 시계 방향으로 나열합니다: 왼쪽 위, 오른쪽 위, 오른쪽 아래, 그리고 왼쪽 아래 순입니다.
원을 만들 수 있나요?
정사각형 박스에서 모든 모서리를 요소 너비의 절반(또는 그 이상)으로 설정하면 완벽한 원이 됩니다.

더 많은 도구