Как сделать такой ховер?

Question

[vikas_web]

ведь если брать просто бордер - то будет только нижняя строчка подчеркиваться
а верхняя нет

https://jsfiddle.net/bx3up2sh/

Comments

[archelon]

ссылка display: block? поэтому

[vikas_web]

archelon, https://jsfiddle.net/bx3up2sh/

[Ankhena]

vikas_web, https://jsfiddle.net/5m2otaw3/

[archelon]

на инлайновом элементе (a, span) будет работать как надо

[Liuonid]

да что за фигню тут советуют? text-decoration-style: dashed; в вашем случае. text-decoration: underline dashed; - точнее.

Answer 1

[Johnny Gat]

https://developer.mozilla.org/ru/docs/Web/CSS/bord...

Comments

[vikas_web]

Johnny Gat, первая строчка не будет подчеркиваться

[Johnny Gat]

vikas_web, а вот в этом примере первая строчка вполне подчеркивается.

Answer 2

[FrelFrloich]

https://jsfiddle.net/v9huntcx/