突出显示表格单元格中的文本

Question

我有一个由java生成的html表。我想简单地突出显示表格单元格中的文本而不将背景颜色设置为整个单元格。

我首先要说的是，我知道我可以通过玩桌面游戏来做我想做的事情。然而，这是在开发阶段的后期，我真的不想花很多时间在这上面。

这是他们想要的：

但是，如果我使用这个来格式化单元格：

<td style="width:20%;background-color:yellow;">Last:&nbsp;Thudpucker</style></td>
<td style="width:20%">First:&nbsp;Jimmy</td>
<td style="width:20%">Middle:&nbsp;T</td>
<td style="width:20%">DOB:&nbsp;12/12/1992</td>

我明白了：

他们想要的只是html / css吗？

Answer 1

您可以使用span来表示....

<td style="width:20%;">Last:&nbsp;<span style="background-color:yellow;">Thudpucker</span></td>
<td style="width:20%">First:&nbsp;Jimmy</td>
<td style="width:20%">Middle:&nbsp;T</td>
<td style="width:20%">DOB:&nbsp;12/12/1992</td>

Answer 2

如果您不关心IE8及更低版本（或者有解决方法），可以使用您想要突出显示的单词周围的标签或HTML5的标签，并在以后用一些css设置样式，所以：

<td style="width:20%">Last:&nbsp;<span>Thudpucker</span></style></td>

或：

<td style="width:20%">Last:&nbsp;<mark>Thudpucker</mark></style></td>