테이블의 모든 테두리를 제거하는 방법은 무엇입니까?

Heres는 내 코드 : 없음하지만 난 여전히 것을 얻을 : 당신은 내가 0 표에 경계를 설정하고 또한 국경에 TR과 TD 태그의 스타일이 볼 수 있듯이테이블의 모든 테두리를 제거하는 방법은 무엇입니까?

<table border="0"> 
    <tbody> 
     <tr style="border: none;"> 
      <td colspan="12" align="center">2012</td> 
      <td colspan="12" align="center">2013</td> 
     </tr> 
     <tr> 
      <td align="center" style="width: 31px;border: none;">Ene</td> 
      <td align="center" style="width: 29px;border: none;">Feb</td> 
      <td align="center" style="width: 31px">Mar</td> 
      <td align="center" style="width: 30px">Abr</td> 
      <td align="center" style="width: 31px">May</td> 
      <td align="center" style="width: 30px">Jun</td> 
      <td align="center" style="width: 31px">Jul</td> 
      <td align="center" style="width: 31px">Ago</td> 
      <td align="center" style="width: 30px">Sep</td> 
      <td align="center" style="width: 31px">Oct</td> 
      <td align="center" style="width: 30px">Nov</td> 
      <td align="center" style="width: 31px">Dic</td> 
      <td align="center" style="width: 31px">Ene</td> 
      <td align="center" style="width: 28px">Feb</td> 
      <td align="center" style="width: 31px">Mar</td> 
      <td align="center" style="width: 30px">Abr</td> 
      <td align="center" style="width: 31px">May</td> 
      <td align="center" style="width: 30px">Jun</td> 
      <td align="center" style="width: 31px">Jul</td> 
      <td align="center" style="width: 31px">Ago</td> 
      <td align="center" style="width: 30px">Sep</td> 
      <td align="center" style="width: 31px">Oct</td> 
      <td align="center" style="width: 30px">Nov</td> 
      <td align="center" style="width: 31px">Dic</td> 
     </tr> 
     <tr> 
      <td style="background-color: #000;border: none;">&nbsp;</td> 
      <td style="background-color: #000;border: none;">&nbsp;</td> 
     </tr> 
    </tbody> 
</table>

http://jsfiddle.net/GWj3w/2/

셀 사이의 흰색 선 또한 넣습니다.

* { 
    border: none; 
    padding: 0; 
    margin: 0; 
}

어떻게이 경계선을 제거 할 수 있습니까 ??

감사합니다.

출처

2013-10-23 antonioj1015

그들은 국경이 아니다, 그들은 틈이다. –

당신이 중 하나를 사용하여 공백을 제거 할 수 있습니다 (참고 : 둘 사이에 약간의 difference가) 테이블에

border-spacing: 0; 또는 border-collapse: collapse;.

예 : http://jsfiddle.net/GWj3w/1/

출처

2013-10-23 21:21:52 Adrift

Yeap this does ... 고맙습니다 !! – antonioj1015

@ antonioj1015 도움이된다면 [** 수락 ** **] (http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work) –

쉽게 해결! 테이블 요소에서 cellpadding 및 cellspacing을 0으로 설정합니다. 테두리 조정은 모두 혼란 스러울 수 있으며, 테두리 조정을 <tr> 제어 할 필요가 없습니다. 그것을 간단하게해라.

출처

2013-10-23 21:26:00 blackhawk

입니다. 구체적으로'cellspacing = 0' (CSS를 사용하는 것보다 견고한 대안이지만 원칙의 문제로 많은 것을 싫어하는 것)은 갭을 제거합니다. 질문은 실제로 테두리 조정과 관련이 없습니다 (기본적으로 테이블에는 테두리가 없습니다). –

올바른, 그 공백을 제거하는 것은 테두리가 아닙니다. – blackhawk

테이블의 모든 테두리를 제거하는 방법은 무엇입니까?

답변

관련 문제