Разный цвет границы строки вокруг таблицы

У меня есть простая таблица html на wordpress. Я хочу другой цвет границы для каждой строки или даже создаю небольшой пробел вокруг каждой строки. Как я могу это сделать?Разный цвет границы строки вокруг таблицы

Я пытался таким образом:

<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

, если вы хотите изменить цвет каждой строки вам нужно будет передать другой идентификатор с каждой строкой, определяющей цвет.

для маленького зазора вы можете дать класс, или вы могли бы сделать некоторые встроенный стиль, как показано на этом примере

<!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

Разный цвет границы строки вокруг таблицы

ответ

Смежные вопросы