HTML CSS examples for CSS Widget:Button
Create button using a single DIV
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body {<!--from w ww .ja va 2 s . c o m--> background: #EFE; margin-top: 50px; margin-left: 50px; } .buttonClass { width: 200px; height: 40px; text-align:center; line-height:40px; border-radius: 7px; background-image:-webkit-linear-gradient(top,#FFF 0%,#91BDD6 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0%, #91BDD6 100%); /* firefox */ background-image:-ms-linear-gradient(top,#FFF,#91BDD6); background-image:-o-linear-gradient(top,#FFF,#91BDD6); background-image:linear-gradient(top,#FFF,#91BDD6); border: solid #91BDD6 5px; box-shadow: 0px 0px 0px 5px #fff, 5px 3px 12px #000000; } </style> </head> <body> <div class="buttonClass"> Nitin Mukesh </div> </body> </html>