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

Question

[tenaro]

как сделать такой эффект, с учетом того, что текст может быть в несколько строк?

Answer 1

[Евгений Полинов]

https://techrocks.ru/2020/12/30/css-underline-seve...
Вариантов много

Comments

[tenaro]

спасибо

[Евгений Полинов]

tenaro, я рад что у вас получилось)

Answer 2

[Владимир Шаблий]

span + https://developer.mozilla.org/en-US/docs/Web/CSS/g...
Если поиграться с параметрами - можно попробовать добиться нужного эффекта.

Если по простому:

border-bottom: 3px solid blue;
background: #d4e5ff;

Comments

[tenaro]

с бордером совсем не то - он под текст не залезает, загрукругления углов нету
с градиентом пробовал через repeat-y - когда текст в несколько строк, он выходит за границы текста, ну и углы не такие

[Одиночка Айс]

tenaro, before|after в помощь

[tenaro]

Одиночка Айс, как именно это реализовать для текста в несколько строк?

[Евгений Полинов]

https://techrocks.ru/2020/12/30/css-underline-seve...
Там много вариантов