home
play_circle_filled
menu
cached
settings_brightness
Run
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html lang="en"> <head> <title>CSS text Example</title> <style> #p1 { text-decoration-line: underline; text-decoration-style: solid; } #p2 { text-decoration-line: underline; text-decoration-style: double; } #p3 { text-decoration-line: underline; text-decoration-style: dotted; } #p4 { text-decoration-line: underline; text-decoration-style: dashed; } #p5 { text-decoration-line: underline; text-decoration-style: wavy; } #p6 { text-decoration-line: underline; text-decoration-color: red; text-decoration-style: wavy; } </style> </head> <body> <h1>CSS text Example</h1> <p id="p1">underline, solid</p> <p id="p2">underline, double</p> <p id="p3">Underline, dotted</p> <p id="p4">underline, dashed</p> <p id="p5">underline, wavy</p> <p id="p6">underline, wavy and red</p> </body> </html>