[CSS] table의 border 여백 제거

td {
  border: 1px solid var(--border-grey-color);
}

border가 생기지만 여백이 함께 생긴다.

 

 

table {
  border-collapse: collapse;
}

td {
  border: 1px solid var(--border-grey-color);
}

이때 table의 border-collapse 속성값을 collapse로 지정해주면

여백이 사라짐!