Border Radius 생성기 - CSS 모서리 둥글기를 시각적으로 설정
슬라이더로 네 모서리 둥글기를 개별 설정해요. px/em/rem/% 단위를 지원해요. 링크 모드로 전체 모서리를 한번에 설정할 수 있어요.
미리보기
CSS
border-radius: 8px;
사용 방법
- 슬라이더로 각 모서리 반지름 설정
- 단위(px/%/em/rem) 전환 가능
- 링크 아이콘으로 전체 모서리 동기화
FAQ
- 4개의 모서리를 개별적으로 설정할 수 있나요?
- 네. 좌상, 우상, 우하, 좌하 각 모서리를 개별적으로 조정할 수 있습니다.
- 타원형 border-radius도 지원하나요?
- 네. 수평과 수직 방향을 개별적으로 설정할 수 있습니다.
- 생성된 CSS를 그대로 사용할 수 있나요?
- 네. 복사한 코드를 CSS 파일에 그대로 붙여넣어 사용할 수 있습니다.
- 데이터가 서버로 전송되나요?
- 모든 처리는 브라우저에서 이루어지며, 데이터는 서버로 전송되지 않습니다.
- border-radius를 퍼센트로 지정할 수 있나요?
- 네, px와 퍼센트 값을 모두 지원합니다. 50%로 설정하면 원형이 되며, 라이브 미리보기에서 확인할 수 있습니다.
관련 도구
업데이트 이력
최종 업데이트: 2026-02-21
- 2026-02-21 최초 릴리스