Border Radius 생성기 - CSS 모서리 둥글기를 시각적으로 설정

슬라이더로 네 모서리 둥글기를 개별 설정해요. px/em/rem/% 단위를 지원해요. 링크 모드로 전체 모서리를 한번에 설정할 수 있어요.

border-radius: 8px;

사용 방법

  1. 슬라이더로 각 모서리 반지름 설정
  2. 단위(px/%/em/rem) 전환 가능
  3. 링크 아이콘으로 전체 모서리 동기화

FAQ

4개의 모서리를 개별적으로 설정할 수 있나요?
네. 좌상, 우상, 우하, 좌하 각 모서리를 개별적으로 조정할 수 있습니다.
타원형 border-radius도 지원하나요?
네. 수평과 수직 방향을 개별적으로 설정할 수 있습니다.
생성된 CSS를 그대로 사용할 수 있나요?
네. 복사한 코드를 CSS 파일에 그대로 붙여넣어 사용할 수 있습니다.
데이터가 서버로 전송되나요?
모든 처리는 브라우저에서 이루어지며, 데이터는 서버로 전송되지 않습니다.
border-radius를 퍼센트로 지정할 수 있나요?
네, px와 퍼센트 값을 모두 지원합니다. 50%로 설정하면 원형이 되며, 라이브 미리보기에서 확인할 수 있습니다.

관련 도구

업데이트 이력

최종 업데이트: 2026-02-21

  • 2026-02-21 최초 릴리스