JSFiddle - React, Tailwind, and code Playground

HTML

<a href="">пунктирное подчеркивание</a>

CSS

a {
text-decoration: none;
background: -moz-linear-gradient(left, red, red 60%, transparent 60%);
background: -ms-linear-gradient(left, red, red 60%, transparent 60%);
background: -o-linear-gradient(left, red, red 60%, transparent 60%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(red), color-stop(0.6, red), color-stop(0.6, transparent));
background: -webkit-linear-gradient(left, red, red 60%, transparent 60%);
background: linear-gradient(left, red, red 100%, transparent 100%);
background-size: 2px 1px;
background-repeat: repeat-x;
background-position: 0 95%;
}