HTML CSS examples for CSS Property:border-style
Double lined border Divider
<html> <head> <title>Fancy Border with Book Ends</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> hr.fancy {<!-- w ww . j ava 2s .c om--> border: 1px solid black; border-width: 1px 0px; color: black; height: 5px; position: relative; } hr.fancy:after { content: '\A'; position: absolute; bottom: -1px; right: 0px; display: block; width: 1px; height: 7px; border-left: 1px solid white; } hr.fancy:before { content: '\A'; position: absolute; bottom: -1px; left: 0px; display: block; width: 1px; height: 7px; border-right: 1px solid white; } </style> </head> <body> <hr class="fancy"> </body> </html>