table border-radius AI 생성 이미지: table border-radius 둥근 테두리와 선을 가진 테이블을 만드는 방법 (HTML + CSS) 이 글에서는 table border-radius와 관련된 핵심 기법을 실무적으로 설명합니다. CSS 의 border-radius 속성과 테이블 셀 선택자를 조합해, 모서리가 부드러운 테이블을 만드는 단계별 방법을 다룹니다. 목적은 단순한 시각 개선이 아니라, 코드가 읽기 쉽고 유지보수 가능한 결과를 얻는 것입니다. 1️⃣ CSS 스타일 정의 우선 <style> 안에 스타일을 선언합니다. 아래 예제는 라운딩 박스를 만들고, 각 셀에 경계를 적용한 뒤 중복된 외곽선을 제거하는 방식입니다. <style> .roundingDiv { border: 1px solid #D0D0D0; border-radius: 10px 10px 0 0; overflow: hidden; border-collapse: collapse; } .borderedTable { border-collapse: collapse; width: 100%; } .borderedTable th, .borderedTable td { border: 1px solid #D0D0D0; padding: 10px; text-align: center; } .borderedTable tr:first-child th { border-top: 0; } .borderedTable tr:last-child td { border-bottom: 0; } .borderedTable tr th:first-child, .borderedTable tr td:first-child { border-left: 0; } .borderedTable tr th:last-child, .borderedTable tr td:last-child { border-right...