HTML CSS examples for CSS Widget:Border Style
Create Body border to surround all page
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> html, body{ min-height: 100%; height: 100%; } body {<!--from w w w .j a va 2 s . co m--> margin: 0; padding: 45px; min-height: 100%; z-index: 1; box-sizing: border-box; background-color: #000; } #barTop, #barLeft, #barBottom, #barRight { display: block; position: absolute; background-color: #f8ee53; z-index: 2; } #barTop, #barBottom { right: 20px; left: 20px; height: 25px; } #barTop { top: 20px; } #barBottom { bottom: 20px; } #barLeft, #barRight { top: 20px; bottom:20px; width: 25px; } #barLeft { left: 20px; } #barRight { right: 20px; } </style> </head> <body> <div id="barTop"></div> <div id="barRight"></div> <div id="barBottom"></div> <div id="barLeft"></div> </body> </html>