Разница между подчёркиванием и надчёркиванием в веб-дизайне заключается в положении декоративной линии:

• Подчёркивание (underline) — горизонтальная линия под текстом. 34
• Надчёркивание (overline) — горизонтальная линия над текстом. 34

Для добавления к тексту подчёркивания, надчёркивания и перечёркивания используется CSS-свойство text-decoration. 3

Также можно использовать одновременное использование подчёркивания и надчёркивания в ссылках, например, когда тонкие линии появляются над и под ссылкой при наведении на неё курсора. 1 Для этого применяется параметр text-decoration: underline overline в селекторе A:hover. 1