HTML CSS examples for CSS Widget:Border Style
Tab border for Panel
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> * {<!-- ww w . ja v a 2 s.co m--> margin:0; padding:0; } div { width:300px; } h3.tab { padding: 5px 10px; color:white; border-top-left-radius: 5px; border-top-right-radius: 5px; background: linear-gradient(rgba(180, 55, 55, 1) 0%, rgba(96, 0, 0, 1) 100%); } p.paragraph { padding: 10px; border:1px solid black; } </style> </head> <body> <div> <h3 class="tab">Promo</h3> <p class="paragraph"> test test tes tt af asdf asdf asf <br> qwerty qwerty qwerty qwerty </p> </div> </body> </html>