如何格式化降价附加表?

时间:2012-03-11 20:01:44

标签: html markdown

我想使用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>

这不起作用。有什么建议?感谢。

2 个答案:

答案 0 :(得分:3)

尝试对每隔一行使用CSS3选择器

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

http://jsfiddle.net/6GNCu/

答案 1 :(得分:1)

我建议你将markdown文本转换为HTML,然后将css样式应用于表格。

警报:Markdown语法不支持表格。 您必须使用支持额外格式化的降价分叉。

<强> Look this link