포켓인포
🔲

CSS 둥근모서리 생성기

border-radius 값을 조절해 CSS 코드를 만듭니다.

🎨 디자인 & 미디어
border-radius: 16px 16px 16px 16px;

📖 CSS 둥근모서리 생성기 소개

CSS 둥근모서리 생성기는 모서리 반경을 시각적으로 조절해 border-radius CSS 코드를 만들어 줍니다. 각 모서리를 따로 둥글리거나 곡률을 미리 보며 잡을 수 있습니다.

📝 사용 방법

  1. 슬라이더로 각 모서리의 반경을 조절합니다.
  2. 미리보기로 모양을 확인합니다.
  3. 생성된 border-radius 코드를 복사해 CSS에 넣습니다.

자주 묻는 질문

네 모서리를 다르게 줄 수 있나요?

각 모서리의 반경을 개별로 설정해 비대칭 곡률을 만들 수 있습니다.

% 와 px 중 무엇을 쓰나요?

px는 고정 곡률, %는 요소 크기에 비례한 곡률입니다. 원형 버튼에는 50%를 자주 씁니다.

입력한 내용은 브라우저에서만 처리되며 서버로 전송·저장되지 않습니다.