css membuat button tanpa image

Pada tutorial ini bagaimana cara kita bisa membuat Button dengan code CSS3 tanpa menggunakan images.
Code Button dengan CSS rounded ini  telah di dukung oleh banyak browser.
Dengan HTML mackup kita bisa membuat hal tersebut dengan menambahkan
code DIV pada content yang hendak kita tambahkan button.
Misalkan :

Langkah 1
memanbahkan code CSS

button.blue-btn{
background: #2e8ce3;
padding: 7px 30px;
font-size:13px;
font-weight: bold;
color:#fff;
text-align: center;
border:solid 1px #73c8f0;
}

Langkah 2
membuat Effect Gradients

background: -moz-linear-gradient(0% 100% 90deg,#2e8ce3, #73c2fd);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73c2fd), to(#2e8ce3));

Langkah 3 : Rounded corners

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Langkah 4 : Inner shadow

box-shadow: inset 0 1px 0 0 #fff;
-moz-box-shadow: inset 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 1px 0 0 #fff;

Untuk kontras lebih baik dapat menabahkan effect gelap pada bagian bawah :

border-bottom-color:#196ebb;

Langkah akhir :
menambahkan Text shadow :

text-shadow: 0 -1px 0 #196ebb;