Question

我希望每个表都看起来像http://www.maztek.com/blog/using-jquery-to-color-table-rows/。我对html没有很多经验，我需要你的帮助。任何人都可以帮助我以这样的方式自定义一个表，它看起来像链接中的表（颜色）吗？

N1

谢谢！

Answer 1

你不需要jquery甚至javascript - 只是好旧的CSS。

请注意，我只是简单地用虚拟内容表格 - 但是使用了你提到的网站的背景颜色。

table{border-collapse: collapse;}
tr, th, td{border:solid 1px #fff}
td{width:50px; padding:15px}
th{background:#006599; color :#fff}

tr:nth-child(even){background:#c7d4e5}
tr:nth-child(odd){background:#E5E5E5}

<table>
    <tr><th>Col 1</th><th>Col 2</th></tr>
    <tr><td>1a</td><td>1b</td></tr>
    <tr><td>2a</td><td>2b</td></tr>
    <tr><td>3a</td><td>3b</td></tr>
    <tr><td>4a</td><td>4b</td></tr>
    <tr><td>5a</td><td>5b</td></tr>
    <tr><td>6a</td><td>6b</td></tr>
  </table>

更改表格的行颜色

1 个答案: