[CSS] 표에서 이중선 없애기(border-collapse)

표를 만들때 table, th, tr, td 태그를 사용한다.

table은 표를 만드는 태그

th는 표의 헤더 부분을 만드는 태그

tr은 표의 행을 만드는 태그

td는 표의 열을 만드는 태그

table과 td 태그에 border 속성을 사용하면 두 줄로 표시된다. 

border-collapse 미적용

이때 border-collapse 속성을 사용하면 표의 바깥 테두리와 각 셀의 테두리가 떨어져 있는것을 그대로 둘지 혹은 두 테두리를 하나로 합칠 것인지 결정할 수 있다.

border-collapse 적용