html - 如何在 HTML 表格中通过 CSS 为 TD 单元格边框的所有 4 个边着色？

Question

我有这段代码，我试图用红色为 TD 单元格的所有 4 个边着色，但如果你运行代码，只有底部和右边框会变颜色（在 Mozilla Firefox 中）。有没有办法给所有 4 个边框上色？

#selections_table table {
  border-collapse: collapse;
}

#selections_table td,
th {
  border: 1px solid black;
  padding: 3px 4px 3px 4px;
}

<div id="selections_table">
  <table>
    <tbody>
      <tr>
        <th>#</th>
        <th>Model</th>
      </tr>
      <tr>
        <td>1</td>
        <td style="border-color:red">XXX-8</td>
      </tr>
    </tbody>
  </table>
</div>

这个问题/答案没有帮助：CSS Border 在一行中声明 4 个边、颜色、宽度

如果有办法通过类来设置样式，那将比使用内联样式命令更好。

标签： htmlcss

Answer 1

将您的内联样式更改为style="border:1px double red;"：

<div id="selections_table">
  <table>
    <tbody>
      <tr>
        <th>#</th>
        <th>Model</th>
      </tr>
      <tr>
        <td>1</td>
        <td style="border:1px double red;">XXX-8</td>
      </tr>
    </tbody>
  </table>
</div>