Ciao, ti ho scritto questo breve esempio.
codice HTML:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* text-decoration-thickness è compatibile solo con le ultime versioni di firefox e safari */
.linea {
text-decoration-color: blue;
text-decoration-line: underline;
text-decoration-thickness: 5px;
}
/* border-bottom è compatibile con tutti i browser */
.linea2>li {
width: 100px;
border-bottom: 5px solid red;
}
</style>
</head>
<body>
<ul class="linea">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ul>
<ul class="linea2">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ul>
</body>
</html>