Как создать подчеркнутый текст в CSS: руководство и примеры

Подчеркнутый текст в CSS можно реализовать с помощью свойства text-decoration со значением underline.

Пример:

p {
  text-decoration: underline;
}

Этот пример подчеркнет всё текстовое содержимое элементов тега p на странице.

Можно также добавить эффект "пунктира" для подчеркивания, используя значение dotted:

p {
  text-decoration: underline dotted;
}

Также можно применять свойство text-decoration для одиночных ссылок на странице при помощи селектора :hover:

a:hover {
  text-decoration: underline;
}

Этот код будет подчеркивать ссылки на странице, когда курсор мыши наведен на элемент.