CSS 테두리 반경 생성기
시각적 편집기로 네 모서리의 CSS border-radius 값을 생성합니다.
100% Client-Side
20px
0px200px
border-radius: 20px;
개요 CSS 테두리 반경 생성기?
CSS border-radius 속성을 시각적으로 편집하는 도구입니다. 각 모서리의 곡률을 개별적으로 조절하여 다양한 모양을 만들 수 있습니다.
사용 방법
- 각 모서리의 반지름 값을 조절하세요
- 미리보기에서 결과를 확인하세요
- 생성된 CSS 코드를 복사하여 사용하세요
공식
border-radius: top-left top-right bottom-right bottom-left;
자주 묻는 질문
- 완전한 원을 만들려면?
- border-radius: 50%를 적용하면 정사각형 요소가 원이 됩니다.
- 타원형 모서리는 어떻게 만드나요?
- border-radius에 슬래시(/)를 사용하면 수평/수직 반지름을 다르게 지정할 수 있습니다.
- border-radius가 모든 요소에 적용되나요?
- 네, 대부분의 HTML 요소에 적용됩니다. 이미지, 버튼, div 등 어디서든 사용할 수 있습니다.