🔘 CSS 테두리 반경 생성기

네 모서리의 반경을 각각 슬라이더로 조절하며 미리보기로 확인하고 border-radius CSS를 생성하는 도구입니다. px·% 단위와 네 모서리 동시 조절을 지원해, 버튼·카드·이미지의 둥근 모서리를 다듬는 개발자에게 유용합니다.

사용 방법

1. 각 모서리 슬라이더로 반경을 조절하세요.
2. px 또는 % 단위를 고르고, 원하면 '네 모서리 함께 조절'을 켜세요.
3. 미리보기 박스에서 모양을 확인하세요.
4. 생성된 border-radius 코드를 복사해 사용하세요.

자주 묻는 질문

px와 %는 어떻게 다른가요?

px는 고정된 반경이고, %는 요소 크기에 비례한 반경입니다. 정사각형에 50%를 주면 완전한 원이 됩니다.

네 모서리 값이 모두 같으면 코드는 어떻게 나오나요?

네 값이 같으면 border-radius: 16px; 처럼 하나의 값으로 간결하게 출력되고, 다르면 네 방향 값을 순서대로 표기합니다.

입력한 값이 서버로 전송되나요?

아니요. 모든 미리보기와 코드 생성은 브라우저 안에서만 이루어지며 서버로 전송되지 않습니다.