둥근 모서리
Border Radius
상자의 뾰족한 모서리를 둥글게 깎는 거예요.
💡 아이들 가구 모서리에 붙이는 둥근 보호대예요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
CSSborder-radius: 12px;
🤖 AI에게 이렇게 말해 보세요
버튼과 카드 모서리를 둥글게(Border Radius) 해 줘. 카드는 16px, 버튼은 완전히 둥근 알약 모양(rounded-full)으로 해 줘.
핵심은 ‘Border Radius’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
이럴 때 써요
- 딱딱한 느낌을 부드럽게 만들고 싶을 때
- 버튼을 알약 모양으로 만들 때
이렇게도 불러요: 둥글게, 라운드, 모서리, radius, 알약 모양, rounded, 각진