带有 CSS 的 HTML : How to style font in a table?

Question

我有一些 HTML 代码:

<table class="hometable">
  <tbody>
    <tr>
      <td>The quick brown fox jumps over the lazy dog.</td>
    </tr>
  </tbody>
</table>

使用 CSS:

table.hometable {
  border-spacing: 2px 2px;
  border-collapse: separate; 
  width: 100%;
}

table.hometable td {
  vertical-align: top;
  padding: 2px;
}

如何给 fox 加下划线？

Answer 1

纯 CSS 不行，但是你可以将 fox 包装在 span 元素中，例如，并使用 text-decoration: underline 设置样式。

table.hometable {
  border-spacing: 2px 2px;
  border-collapse: separate; 
  width: 100%;
}

table.hometable td {
  vertical-align: top;
  padding: 2px;
}

table.hometable span {text-decoration: underline}

<table class="hometable">
  <tbody>
    <tr>
      <td>The quick brown <span>fox</span> jumps over the lazy dog.</td>
    </tr>
  </tbody>
</table>