带有奇数背景色的tr的边框半径

时间:2020-10-27 21:46:09

标签: html jquery css

我正在尝试为tr设置边框半径,并使用偶数填充为偶数的背景色。我已经在div中添加了表格。请让我知道我要去哪里了。下面是我的代码。预先感谢。

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  table-layout: fixed width: 100%;
}

td,
th {
  text-align: center;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

.colorborder {
  padding: 10px;
  border: 1px red;
}
<div class="colorborder">
  <table cellpadding="0" cellspacing="0">
    <tr>
      <th>Company</th>
      <th>Contact</th>
      <th>Country</th>
    </tr>
    <tr>
      <td>Alfreds Futterkiste</td>
      <td>Maria Anders</td>
      <td>Germany</td>
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td>
      <td>Francisco Chang</td>
      <td>Mexico</td>
    </tr>
    <tr>
      <td>Ernst Handel</td>
      <td>Roland Mendel</td>
      <td>Austria</td>
    </tr>
    <tr>
      <td>Island Trading</td>
      <td>Helen Bennett</td>
      <td>UK</td>
    </tr>
  </table>
</div>

0 个答案:

没有答案