Для любого текста и подчеркивания мы можем использовать высоту строки и отступ снизу. Но в моем случае я использовал гиперссылки, поэтому, когда я навожу курсор на гиперссылку, я хочу, чтобы подчеркивание в оформлении текста увеличивало расстояние между текстом гиперссылки и подчеркиванием?
с нетерпением жду некоторых ответов на этот вопрос.
Как вы можете видеть в приведенном ниже фрагменте,
Я создал пользовательскую ссылку с тем способом, который вы искали, проверьте ее и дайте мне знать, если вам потребуется дополнительная помощь.
.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>