如何在HTML5中添加文本的下划线

Question

我正在使用HTML5，当我使用<u></u>标记作为下划线时，它表示它不受HTML5支持。我可以用什么来代替下划线？

Answer 1

您正在寻找CSS中的text-decoration指令。由于带下划线的文本是样式而不是布局，因此最好将其降级为样式表。

可以这样使用，将样式应用于页面上的所有<td>元素

td {
    text-decoration: underline;
}

在CSS中如果你想要一种更有针对性的应用样式方法，一种方法是使用标签<td class="className">的class属性。在CSS类中，使用前导句点定义。

.className {
    /* relevant style */
}

因此，在为您标注特定<td>标记的情况下。方法是：

.underline {
    text-decoration: underline;
}

<td class="underline">Here be underline</td><td>Here not be underline</td> ...

他可以在Css Basics

找到有关CSS形式和用途的更多信息

Answer 2

这种方法的一种方法

<td><span class='underline'>${user.status}</span></td>
 <td><u>${user.action}</u></td>

在css中创建一个类

.underline {
    text-decoration: underline;
}