HTML CSS examples for CSS Widget:Border Style
Add space in border corner
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .top-left-corner{ content: "";<!--from w ww. ja va 2 s . c o m--> position: absolute; top:0; left: 0; border-right: 1px solid #7a7a7a; border-bottom: 1px solid #7a7a7a; height: 70px; width: 70px; } .top-left-corner:after{ content: ""; position: absolute; bottom:-1px; right: -1px; z-index: 1; height: 10px; width: 10px; border-right: 1px solid yellow; border-bottom: 1px solid yellow; } </style> </head> <body> <div class="top-left-corner"> </div> </body> </html>