the button named chiamon the button which I named 'chenar' button name Changes2

The Skit Button the askit button the NC button
----------------

But, you can make creatively stylish buttons, as well:
__________________ __________________

the Softy button CSS Wild button

Blue Button

<a href="http://www.bing.com/" A target="_blank" class="Softy" A title="Outer title here"> the Softy button </a> <style type="text/css"> .Softy { font-size:12px; font-family:Arial; font-weight:normal; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; border:1px solid #3866a3; padding:3px 18px; text-decoration:none; background-color:#93b8ee; color:#191947; display:inline-block; text-shadow:1px 1px 0px #7cacde; -webkit-box-shadow:inset 1px 1px 0px 0px #bee2f9; -moz-box-shadow:inset 1px 1px 0px 0px #bee2f9; box-shadow:inset 1px 1px 0px 0px #bee2f9; }.Softy:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee) ); background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% ); }.Softy:active { position:relative; top:1px; } </style>

<a href="http://www.bing.com/" A target="_blank" class="csswild" A title="Outer title here"> CSS Wild button </a> <style type="text/css"> .csswild { font-size:12px; font-family:Arial; font-weight:bold; -moz-border-radius:17px; -webkit-border-radius:17px; border-radius:17px; border:2px solid #4C4C8C; padding:1px 2<a href="#" class="csswild">css button</a>px; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8089B6), color-stop(100%, #80b5ea) ); background:-moz-linear-gradient( center top, #205285 5%, #3A6C9E 100% ); background:-ms-linear-gradient( top, #8995C0 5%, #4C4C8C 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea'); background-color:#bddbfa; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px #528ecc; -webkit-box-shadow: 1px 1px 1px 4px #dcecfb; -moz-box-shadow: 1px 1px 1px 4px #dcecfb; box-shadow: 1px 1px 1px 4px #dcecfb; }.csswild:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #80b5ea), color-stop(100%, #bddbfa) ); background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% ); background:-ms-linear-gradient( top, #80b5ea 5%, #bddbfa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa'); background-color:#80b5ea; }.csswild:active { position:relative; top:1px; } </style>

<a href="http://" A target="_blank" class="classnameblue">Blue Button</a> <style type="text/css"> .classnameblue { -moz-box-shadow:inset 0px 1px 0px 0px #b0c0cf; -webkit-box-shadow:inset 0px 1px 0px 0px #b0c0cf; box-shadow:inset 0px 1px 0px 0px #b0c0cf; background-color:#24588C; -webkit-border-top-left-radius:12px; -moz-border-radius-topleft:12px; border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -moz-border-radius-topright:12px; border-top-right-radius:12px; -webkit-border-bottom-right-radius:12px; -moz-border-radius-bottomright:12px; border-bottom-right-radius:12px; -webkit-border-bottom-left-radius:12px; -moz-border-radius-bottomleft:12px; border-bottom-left-radius:12px; text-indent:0; border:1px solid #84bbf3; display:inline-block; color:#ffffff; font-family:Comic Sans MS; font-size:12px; font-weight:bold; font-style:normal; height:16px; line-height:16px; width:182px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #528ecc; } .classnameblue:hover { background-color:#378de5; } .classnameblue:active { position:relative; top:1px; } </style>
Home page