Pentru orice text și subliniază, ne putem folosi de linie-înălțime și padding-bottom. Dar în cazul meu, am folosit link-uri, așa că atunci când am hover peste hyperlink vreau text-decoration sublinia pentru a crește distanța între textul hyperlink-ului și subliniază?
privind înainte pentru niște răspunsuri pentru acest lucru.
După cum puteți vedea în fragmentul de mai jos,
Am creat un link personalizat cu modul în care ați fost în căutarea pentru, a verifica it afară și lasă-mă să știu în cazul în care aveți nevoie de asistență suplimentară.
.custom {
text-decoration: none;
display: inline-block;
position: relative;
}
.custom::after {
content: '';
display: inline-block;
width: 100%;
left: 0;
height: 1px;
position:absolute;
background-color: rgb(0, 0, 238);
bottom: -2px;
}<h2>Normal Link</h2>
<a href="google.com">Hello</a>
<h2>Custom Link</h2>
<a href="google.com" class='custom'>Hello</a>