Текст, который показывает подчеркивание при наведении

Вы можете подчеркнуть текст при наведении с помощью css? (Как поведение ссылки, но не фактическая ссылка.)

  • У вас есть следующий текст Привет, работайте
  • когда вы наводите указатель мыши на текст, он подчеркивает это с помощью css

(текст не является ссылкой)

ОТВЕТЫ

Ответ 1

<span class="txt">Some Text</span>

.txt:hover {
    text-decoration: underline;
}

Ответ 2

Вам просто нужно указать text-decoration: underline; с помощью pseudo-class :hover.

HTML

<span class="underline-on-hover">Hello world</span>

CSS

.underline-on-hover:hover {
    text-decoration: underline;
}

Я взломал рабочий код Pen Demo.