Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> /* blue border */ hr.one { border-top: 1px solid #1c87c9; } /* Dashed border */ hr.two { border-top: 1px dashed #1c87c9; } /* Dotted border */ hr.three { border-top: 1px dotted #1c87c9; } /* Thick border */ hr.four { border: 1px solid #1c87c9; } /* Large rounded border */ hr.five { border: 15px solid #1c87c9; border-radius: 5px; } </style> </head> <body> <p>Default:</p> <hr> <p>Styling "hr" tag</p> <hr class="one"> <hr class="two"> <hr class="three"> <hr class="four"> <hr class="five"> </body> </html>