계정 없이 무료로 사용 가능
CSS 경계 반경 생성기
타원형 수평 및 수직 반경을 포함하여 각 모서리를 독립적으로 형성합니다. 결과를 미리보고 컴팩트 CSS를 복사하세요.
CSS border-radius 값을 어떻게 생성합니까?
픽셀 또는 백분율을 선택하고 각 모서리의 수평 및 수직 반경을 조정한 다음 생성된 border-radius 선언을 복사합니다. CSS는 요소에 맞게 겹치는 반경을 비례적으로 정규화할 수 있습니다.
자주 묻는 질문
CSS border-radius 값을 어떻게 생성합니까?
픽셀 또는 백분율을 선택하고 각 모서리의 수평 및 수직 반경을 조정한 다음 생성된 border-radius 선언을 복사합니다. CSS는 요소에 맞게 겹치는 반경을 비례적으로 정규화할 수 있습니다.
내 CSS 또는 디자인이 업로드되었나요?
아니요. 미리보기 및 CSS는 이 브라우저 탭에서 생성됩니다. 업로드, 계정, API 호출 또는 자동 저장이 없습니다.
각 모서리의 반경이 다를 수 있나요?
네. 왼쪽 위, 오른쪽 위, 오른쪽 아래 및 왼쪽 아래 모서리에 대해 별도의 가로 및 세로 값을 설정합니다.
border-radius의 슬래시는 무엇을 의미합니까?
수평 반경과 수직 반경을 분리하여 타원형 모서리를 만듭니다. 각 모서리가 동일한 수평 및 수직 값을 사용하는 경우 생성기는 슬래시를 생략합니다.
미리보기가 값보다 작게 보이는 이유는 무엇입니까?
CSS는 가장자리에서 겹치는 반경을 비례적으로 정규화합니다. 이는 표준 브라우저 동작이며 이 미리보기에도 적용됩니다.