How to change width of underline in css

Question

I have a cell in a table like this:

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

I need to give it a line under the text "Grand Total". I used text-decoration: underline;. It worked well, but I need to change the color and thickness of the underline. I used text-decoration-color: red; to add color but it doesn't work. How can I solve this problem?

Answer 1

use border-bottom define color cording like this

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

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