我有一些 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
加下划线?
最佳答案
纯 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>
关于带有 CSS 的 HTML : How to style font in a table?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35746545/