Pour n'importe quel texte et soulignez, nous pouvons utiliser la hauteur de la ligne et padding-bottom. Mais dans mon cas, j'ai utilisé les liens hypertexte, donc quand j'ai passez la souris sur le lien hypertexte, je veux le text-decoration souligner pour augmenter l'espacement entre le texte du lien hypertexte et de souligner?
dans l'attente de quelques réponses pour cela.
Comme vous pouvez le voir dans l'extrait de code ci-dessous,
J'ai créé un lien personnalisé avec la façon dont vous avez été à la recherche pour, check it out et laissez-moi savoir dans le cas où si vous avez besoin d'aide.
.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>