Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> h2 { border-bottom-style: groove; border-bottom-color: #8ebf42; border-bottom-width: 5px; } div { border-style: inset; border-bottom-color: #ccc; border-bottom-width: 8px; } p { border-style: double; border-bottom-color: #1c87c9; border-bottom-width: 8px; } </style> </head> <body> <h2>A heading with a groove green bottom border.</h2> <div>A div element with an inset gray bottom border.</div> <p>A paragraph with a double blue border.</p> </body> </html>