📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전

둥근 모서리 / 테두리 (border-radius / border)

기초CSS(옷)

💬 쉬운 뜻

border는 요소를 빙 둘러싸는 '선(테두리)'이고, border-radius는 그 네모의 '모서리를 둥글게' 깎는 값이에요. 각진 명함 모서리를 가위로 둥글게 다듬는 것과 같아서, 숫자가 클수록 더 동글동글해지고 아주 크게 주면 알약·동그라미 모양이 됩니다. 요즘 웹의 부드럽고 세련된 느낌은 대부분 이 둥근 모서리에서 나와요.

⌨️ 이럴 땐 이렇게 입력

버튼이 너무 각져서 투박해요. 모서리를 둥글게(border-radius) 해줘
이 카드에 연한 회색 테두리(border)를 한 줄 둘러줘

🔮 AI가 이렇게 답하면 = 이런 뜻

"border-radius를 12px로 줬어요" = 네모의 네 모서리를 그만큼 둥글게 깎아 부드러워 보이게 했다는 뜻이고, "border를 1px 연회색으로 둘렀어요" = 가느다란 회색 선으로 영역을 또렷하게 구분했다는 뜻입니다.

➡️ 다음엔 이렇게

덜 둥글게 하려면 "값을 줄여줘", 알약처럼 양 끝까지 둥글게 하려면 "border-radius를 아주 크게(999px) 줘"라고 하면 됩니다. 동그란 프로필 사진은 가로·세로가 같은 정사각형 이미지에 "border-radius 50%"를 줘야 정확한 원이 돼요(직사각형이면 타원이 됩니다).

📖 사전에서 인터랙티브로 보기 → 전체 용어 목록

한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈