HTML 테이블 테이블의 제어 구현 코드

일반적으로 테이블을 사용할 때는 항상 다음과 같은 테두리 속성을 제공하며 효과는 다음과 같습니다.

테이블의 경계가 매우 넓은 것 같습니다. 물론 여기의 너비는 테이블 테두리의 너비가 아닙니다. 당신이 보는 너비는 <td> 사이의 간격에 기인해야합니다. 따라서 테이블의 셀 패싱 속성 만 수정하면됩니다. 즉 : <테이블 테두리 = 1px 셀 패싱 = 0px>, 효과는 다음과 같습니다.

그러나 너비는 우리가 상상했던 것과 같지 않은 것 같습니다. 너비는 하나뿐입니다. 실제로 위에서 보는 것은 실제로 두 픽셀의 너비입니다. 왜? 이것은 <td> 사이의 경계가 겹치지 않기 때문입니다. 테이블의 경계 콜라 랩스 속성을 수정하십시오.

<table border = 1px cellpacing = 0px style = border-collapse : collapse>입니다

테이블에 색상을 추가, <테이블 테두리 = 1px bordercolor =#000000cellspacing = 0px style = border-collapse : collapse>