html - 如何使表格标题中的文本不加粗？

Question

我需要为我的表格使用行跨度，因此我（相信）我必须使用表格标题。但是，使用表头会使我的字体变粗，这是不需要的。对于这个 HTML，我如何确保表头中的字体不是粗体？或者，如果可能的话，如何在不使用表头的情况下使用行跨度？

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

Answer 1

简单地覆盖CSSfont-weight中的th元素：

th{
    font-weight: normal;
}

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

Answer 2

您根本不需要表头，您也可以使用rowspanwith td。要使其不粗体，请将font-weightcss 中的normal.

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，直接在您的表格中插入字体样式。将此代码复制并粘贴到您的项目中，它将完成这项工作。