Как отформатировать уценку дополнительной таблицы?

Question

Я хотел бы отформатировать таблицу, используя markdown extra / html. Я бы хотел, чтобы каждая вторая строка имела серый фон для удобства чтения. Также я хотел бы иметь возможность установить ширину стола. Для выполнения второй части я попробовал это:

<div style="width:300px">

header 1 | header 2 | header 3
-------- | -------- | --------
row 1    | a        | b
row 2    | c        | d       
row 3    | e        | f        

</div>

Это не сработало. Какие-либо предложения? Спасибо.

Answer 1

Попробуйте использовать селектор CSS3 для каждой второй строки

tr:nth-child(even) {
    background: #ccc;
}​

http://jsfiddle.net/6GNCu/

Answer 2

Я предлагаю вам преобразовать текст уценки в HTML, затем вы примените к таблице стиль css.

Предупреждение: синтаксис уценки не поддерживает таблицы.Вы должны будете использовать вилку уценки, которая поддерживает дополнительное форматирование.

Посмотрите эту ссылку