如何設計一個表透明邊框和間距與背景

Question

什麼CSS值，我需要爲表CSS爲了看起來像這樣：

我已經浪費了12小時試圖弄明白。 如果我不放棄，我不會問這樣一個愚蠢的問題。

Answer 1

假設表下方的背景是白色的，那麼你可以嘗試這樣的事情

table, table tr, table td { 
    border : 1px solid white; 
} 

如果不工作，那麼請張貼的jsfiddle ..

Answer 2

您將需要使用的幫助邊界崩潰屬性。

body 
 
{ 
 
    background: #345; 
 
} 
 
table 
 
{ 
 
    border-collapse: separate; 
 
    border-spacing: 5px; 
 
    border: 0; 
 
    margin: 1em; 
 
} 
 
td 
 
{ 
 
    font-size: 1em; 
 
    padding: 5px; 
 
} 
 

 

 

 
tr:nth-child(odd) td 
 
{ 
 
    background: #fff; 
 
    color: #000; 
 
} 
 
tr:nth-child(even) td 
 
{ 
 
    background: #000; 
 
    color: #fff; 
 
}

<table> 
 
    <tr> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
    </tr>  
 
    <tr> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
    </tr>  
 
    <tr> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
    </tr>  
 
    <tr> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
     <td>Lorem</td> 
 
    </tr>  
 
</table>

Answer 3

你只需要設置padding周邊的細胞間距和background-color你的表td。

DEMO