Волнистое подчёркивание текста

Добавьте волну под буквами для необычного акцента. Скопируйте текст для сообщения или получите HTML с волнистой линией для сайта.

Оформление текста
1 Выберите оформление
Результат обновляется при вводе.
Волнистый
Код для сайта HTML / CSS

Для HTML-редактора страницы. Линию рисует браузер, буквы остаются обычными.

Как сделать волнистое подчёркивание

Впишите фразу: инструмент добавит под каждой буквой маленькую тильду. В зависимости от шрифта волны могут соединяться или выглядеть отдельными знаками. Для непрерывной волнистой линии используйте вариант HTML/CSS из блока под полями.

  1. Введите текст. Можно начать с примера и заменить его своими словами.
  2. Выберите линию. Переключайте стили: исходный текст сохранится.
  3. Скопируйте результат. Вставьте его в нужное поле и проверьте отображение.

Как сделать это в приложениях и на сайте

Волнистая линия на веб-странице

В CSS за волну отвечает значение wavy. Совместите его с underline либо скопируйте готовый HTML из инструмента. В отличие от текста для сообщений, браузер рисует линию как оформление всей фразы.

text-decoration: underline wavy;

Волнистое подчёркивание в Word

Откройте диалог «Шрифт» для выделенного текста и выберите волнистую линию в списке подчёркиваний.