How to make a text underlined in CSS it's pretty clear. You just add text-decoration: underline;
and that's pretty much it.
But there is more we can do with text-decoration.
In CSS we can use:
text-decoration-color
to set the decoration colortext-decoration-style
andtext-decoration-line
to change decoration style
Below there are a few examples of these properties in action:
See the Pen
text-decoration by JS Craft (@js-craft)
on CodePen.
There is also a text-decoration-thickness property but with a weak browser support.
Also if you want to see some more complicated text-decoration styles and animations you can take a look at this code pen.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.