如何使表头中的文本不加粗？

Question

我需要在表格中使用 rowspan，因此我认为我必须使用表头。然而，使用表头会使我的字体加粗，这是不想要的。对于这个 HTML，我该如何确保表头中的字体不加粗？或者，如果可能的话，如何在不使用表头的情况下使用 rowspan？

<table border="1">
  <tr>
    <th rowspan="2">Telephone:</th>
<td>555 77 854</td>
  </tr>
  <tr>
    <td>555 77 855</td>
  </tr>
</table>

- Demi

Answer 1

只需在 CSS 中覆盖 th 元素的 font-weight ：

th{
    font-weight: normal;
}

JSBin: http://jsbin.com/lizakatuwe/1/

- Drown

Answer 2

您完全不需要表头，也可以使用 td 的 rowspan。要使它不加粗，请在 CSS 中覆盖 font-weight 为 normal。

- orion

Answer 3

<table border="1">
  <tr>
    <tr rowspan="2"><p style="font-weight:bold">Telephone:</p></tr>
<td>555 77 854</td>
  </tr>
  <tr>
    <td>555 77 855</td>
  </tr>
</table>

我正在为您使用内部CSS，直接将字体样式插入到您的表格中。 将此代码复制并粘贴到您的项目中，它将完成工作。

- Anson Aştepta