html 표 테두리 굵기 조절

오늘 수업 중 나름 깔끔한 표 만들고 싶었다.

내가 최적이라고 생각하는 방법: (작년 수강했던 인강에서 따라 친)

<style type=text/css>
    table,
    td,
    th {
        border: 1px solid; /*임의로 지정 가능*/
        border-collapse: collapse; /*필수*/
    }
</style>

처음에 따라 친 결과로는 약간 떨어져있는 셀들의 모음처럼 보였기 때문에 ㅜㅜ

찾아보니까 table 태그에 셀 간격 cellspacing=0 추가하면 되더라.
이렇게~

<table border=1 width=400 cellspacing=0>
<!-- 아하 생략 -->
</table>

결과: