表格周圍的不同行邊框顏色

我在wordpress上有一個簡單的html表格。我想爲每一行都設置不同的邊框顏色，甚至在每一行周圍創建一個小小的空白。我怎樣才能做到這一點？表格周圍的不同行邊框顏色

我試過這樣：

<table style="border-collapse: collapse;"> 
<tbody> 
    <tr style="border: 1px solid black;"> 
    <th>Zoo (Country)</th> 
    <th>Date of Birth</th> 
    <th>Name</th> 
    <th>Dam (number of calves)</th> 
    <th>Sire</th> 
    </tr> 
    <tr style="color: darksalmon; border: 1px solid green;"> 
    <td>Knowsley (UK)</td> 
    <td>2 Jan 2016</td> 
    <td>Nomvula</td> 
    <td>Meru (9)</td> 
    <td>Sharka</td> 
    </tr> 
</tbody> 
</table>

但我得到這樣的：

中，你可以看到綠色的邊框和黑色邊框重疊

來源

2016-07-24 gabrielesani

請張貼你已經嘗試了一些現有的代碼。 [閱讀此處]（http://stackoverflow.com/help/mcve）以獲取有關如何創建最小，完整和可驗證問題的更多信息。 – Toby

完成，對不起:-) – gabrielesani

，如果你想改變顏色每一行都需要傳遞一個不同的id來指定顏色。

的差距不大，你可以給一個類，或者你可以做一些內嵌樣式如圖所示這個例子

<!DOCTYPE html> 
<html> 
<head> 
<style> 
table, th, td { 
    border: 1px solid black; 
} 
</style> 
</head> 
<body> 

<table> 
    <tr border-color="#FF0000"> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
</table> 

<p>The bgcolor attribute is not supported in HTML5. Use CSS instead.</p> 

</body> 
</html>

來源

2016-07-24 12:10:12 user1443063

對於我在表格中添加空行...但仍然不知道是否有辦法有不同的邊框顏色。 – gabrielesani

您可以添加margin-bottom：10px，並且通常添加border-color =「＃colorhex」應該可以做到這一點 – user1443063

表格周圍的不同行邊框顏色

回答

相關問題