私は次の表を持っています。最初の行には2つのサブラインが含まれ、2つ目のサブラインには3つのサブラインが含まれています。Htmlマルチラインテーブル(rowspan) - ゼブラの正しい方法は?
このCSSスタイルWhith、ゼブラ色(二つの連続した行にすなわち代替色)が故障している、第二主細胞は灰色、白色、およびないものでなければならない:
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
だからそのようなテーブルの色をゼブラ色にする方法はありますか?
もちろん、私の本当の問題は、はるかに多くの行数のサブラインを扱っています。
<head>
<style>
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
</style>
<head>
<body>
<table border="1">
<tr>
<td rowspan="2">
Big1
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td rowspan="3">
Big2
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td>
small3
</td>
</tr>
</table>
</body>
「ゼブラ色」とは何ですか? – Oded
ゼブラ色の定義が追加されました:2つの連続する行の色が交互に表示されます – Vinzz
シマウマのストライプはどのように見えますか? – BoltClock