HTML CSS examples for CSS Widget:Border Style
Create a corner border with spaces
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .box1{<!--from w w w. j a va 2s . c o m--> position:relative; background:#FFF; width:200px; height:200px; border:solid 2px #090; -webkit-border-radius: 3px; border-radius: 3px; margin:0 auto; } .box2{ position:absolute; width:210px; height:180px; background-color:#FFF; top:10px; left:-5px; } .box3{ position:absolute; width:180px; height:210px; background-color:#FFF; top:-5px; left:10px; } .box4 { height: 180px; left: 50px; position: absolute; top: 90px; width: 180px; } </style> </head> <body> <div class="box1"> <div class="box2"></div> <div class="box3"></div> <div class="box4"> 37 Days Left </div> </div> </body> </html>