본문으로 건너뛰기

모서리 둥글기

CSS border-radius 미리보기 무료 온라인 도구. 각 모서리 개별 조절, 실시간 미리보기. 코드 복사 가능. 브라우저 처리.

모서리 둥글기 도구는 CSS border-radius 속성을 시각적으로 조정하는 무료 온라인 도구입니다. 네 모서리를 개별 또는 일괄로 설정하고 실시간 미리보기로 확인합니다. 원, 타원, 비대칭 모양도 만들 수 있습니다. 브라우저 처리, 무료.

border-radius: 20px;
lock 파일이 서버로 전송되지 않습니다

모서리 둥글기 어떻게 사용하나요?

  1. 네 모서리의 반지름 값을 슬라이더로 조정합니다.
  2. 실시간 미리보기에서 모양을 확인합니다.
  3. CSS 코드를 복사하여 프로젝트에 적용합니다.

모서리 둥글기 자주 묻는 질문

완전한 원을 만들려면 어떻게 하나요?

정사각형 요소에 border-radius: 50%를 적용하면 완전한 원이 됩니다. 네 모서리 모두 50%로 설정하세요.

각 모서리를 다르게 설정할 수 있나요?

네, border-radius는 top-left, top-right, bottom-right, bottom-left 순서로 네 값을 개별 설정할 수 있습니다. 이를 통해 독특한 비대칭 모양을 만들 수 있습니다.