HTML CSS examples for CSS Widget:Border Style
Remove part of border
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .widget {<!--from w w w . j a v a 2 s. com--> width: 130px; position: absolute; padding: 25px; } .header { width: 100%; min-height: 24px; max-height: 24px; display: block; background-color: grey; color: white; padding: 3px; position: absolute; top: 0; left: 0; right: 0; } .body { width: 100%; height: 100px; border: 3px solid blue; border-top-width: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 30px; } </style> </head> <body> <div class="widget"> <div class="header"> Header Title </div> <div class="body"> Body </div> </div> </body> </html>