Pomimo nadania border-collapse: komórki tabeli nie są od siebie odseparowane.

Jak w tytule mam taką tabelę

	<table width=700 height=400 align=center class='tabela'>
	  <tr height=50>
	    <td colspan=7><div align=center><span class=pogrubiona>{{$miesiac}} {{$rok}}</span></div></td>
	  </tr>
	  <tr height=50>
	  </tr>
	    <td><div align=center><span class=normalna2>Pon</span></div></td>
	    <td><div align=center><span class=normalna2>Wto</span></div></td>
	    <td><div align=center><span class=normalna2>śro</span></div></td>
	    <td><div align=center><span class=normalna2>Czwa</span></div></td>
	    <td><div align=center><span class=normalna2>Pią</span></div></td>
	    <td><div align=center><span class=normalna2>Sob</span></div></td>
	    <td><div align=center><span class=normalna2>Nie</span></div></td>
	  </tr>
	  <tbody>


  @for ($row=0;$row < 7;$row++) 

    <tr height=70>
    
    @for ($column=0;$column < 7;$column++) 

      @if ($dzien2 <= $jaki_dzien_miesiaca ) 
	<td>
	
	@if ($dzien1 >= $dzien_tygodnia )
	  @if ( $dzien2 == $dzien3 ) 
	    <div align=center><span class=wieksza>{{$dzien2}}</span></div>

	  @elseif ( $dzien2 == $dzien ) 
	    <div align=center><span class=wieksza>{{$dzien2}}</span></div>
	  

	  @else
	   <div align=center><a class=kalendarz href={{   url('glowna')}}/{{$rok}}/{{$miesiac}}/{{$dzien2}}  }}>{{$dzien2}}</a></div>
	  @endif
	  
	  @php
	  $dzien2++;
	  @endphp
       
	@endif
	@php 
	$dzien1++;
	@endphp
	</td>
      @endif
    @endfor
    </tr>

  @endfor
  <tr>

</table>



    

.tabela {
border-spacing: 100px;
border-collapse: collapse;
border: 3px;
background-color: green;
}

I teraz komórki tabeli są koloru zielonego, ale nie są od siebie odseparowane.

Już sobie poradziłem musiałem dać.

border-spacing: 1px;
border-collapse: separate;