HTML CSS examples for CSS Widget:Shape
3d rectangle with border
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .shape {<!--from w ww .j av a2 s. co m--> width:201px; padding:3px 0; } .top { width:0; height:0; border-right:201px inset Chartreuse; border-bottom:44px solid yellow; } .middle { height:111px; background-color:blue; } .bottom { width:0; height:0; border-right:201px inset pink; border-top:48px solid OrangeRed; } </style> </head> <body> <div class="shape"> <div class="top"></div> <div class="middle"></div> <div class="bottom"></div> </div> </body> </html>