내 테드 섹션 하단에 경계선을 만드는 방법은 무엇입니까?

Question

그래서 바깥 쪽 경계선 만있는 테이블이 있습니다. 이것이 내가 원하는거야. 그러나 <thead> 섹션의 하단에도 테두리가 있어야합니다. 기본적으로 헤더 행과 다른 모든 행 사이에는 수평선이 있습니다. 그러나, 나는 이것을 실현시킬 수 없다.

내가 좋아하는 일을 시도 :

thead { 
    border-bottom-style: solid; 
} 

그러나 이것은 아무것도 생성하지 않습니다. 나는 또한 시도했다 :

th { 
    border-bottom-style: solid; 
    border-width: thin; 
} 

그러나 이것은 각 열 사이에 아주 작은 간격을 남긴다. 다음과 같이 JSFiddle과 비슷하지만 두 번째 코드 제안을 사용합니다 (두 번째 코드 제안을 사용함). http://jsfiddle.net/C8mjK/2/

제안 사항이 있습니까?

Answer 1

당신은 당신의 테이블 CSS에이를 추가 할 수 있습니다

table { border-collapse: collapse; } 

이 각 테이블 셀의 테두리 사이의 간격을 제거합니다.

업데이트 바이올린 예 :

• http://jsfiddle.net/C8mjK/4/