스타일링 테이블 문제

Question

그래서 각 행 아래에만 테두리가있는 표를 원합니다.

td{ 

    border-bottom-style: solid;} 

그러나 열 사이에는 경계선이 눈에 띄게 보입니다. 나는 그것을 어떻게 제거 할 수 없습니까?

Answer 1

table { 
    border-collapse: collapse; 
} 

http://jsfiddle.net/Adrift/LSNR7/

Answer 2

CSS에서 테두리 축소를 사용하십시오. 그 옵션이없는 경우

table { 
    border-collapse: collapse; 
} 

Answer 3

하나의 가능성은,

table { 
    border-collapse:collapse; 
} 

를 사용하는 것 또는 (그것이 IE의 이전 버전에서 해결보다 더 많은 문제가 발생할 수 있습니다) 다음과 같이 진행할 수 있습니다.

table { 
    border-spacing:0; 
} 

선택하세요!

Answer 4

다음은 시도해보십시오

table { 
border-collapse: collapse; 
}