css - 使用css为tds特定区域的背景着色

Question

您好，我正在尝试为表格的 tds 着色，但我想专门为 td 中的背景文本着色，而不是为整个 block 着色。这可能吗 ？我目前可以正确定位图像，但文本有点棘手.. http://jsfiddle.net/8gr2q5vm/3/

<td style="background-color: grey;"><img class="picture" src="#"></img></td>
<td class="birthday">Birthday: 1/1/1921 </td>
<td class="name">Name: barry</td>
</tr>
</table>

Answer 1

将您的文本包裹在 span 中，然后设置您的 span 元素的样式。

<td style="background-color: grey;"><img class="picture" src="#"></img></td>
<td class="birthday"><span style="background-color: grey;">Birthday: 1/1/1921</span></td>
<td class="name"><span style="background-color: grey;">Name: barry</span></td>
</tr>
</table>

如果你有一个外部 CSS 文件会更好。然后你可以导入它并做一些像这样的一般样式:

td img, td span {
    background-color: grey;
}