如何在css中改变下划线的宽度

Question

我在这样的表格中有一个单元格：

 <td><b>Grand Total</b></td>

我需要在文本“总计”下给它一行。我用过 text-decoration: underline; 。它运行良好，但我需要更改下划线的颜色和粗细。我用 text-decoration-color: red; 添加颜色，但它不起作用。我怎么解决这个问题？

原文由 Jibin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 border-bottom 像这样定义颜色线

 b {
    border-bottom: 1px solid red;
    padding: 0 0 4px;
}

 <td><b>Grand Total</b></td>

原文由 lalit bhakuni 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您不能修改 underline 标签的宽度。取而代之的是 Border-bottom 方法并根据需要更改其属性。

 .underline {
  border-bottom: 5px solid red;
}

 <table>
  <tr>
    <td><b class="underline">Grand Total</b></td>
  </tr>
</table>

原文由 Deepak Yadav 发布，翻译遵循 CC BY-SA 3.0 许可协议