Menghias Tombol

Menghias tombol dengan CSS

Menghias tombol bisa dengan background gambar, dan bisa juga dengan CSS, disini akan dibuat contoh dengan menggunakan CSS

Contoh :
Tombol
.
HTML =

<span id="tbl1">Tombol</span>

CSS :

#tbl1{
background-color: #fff;
    box-shadow:inset 0px 30px 35px #000,0px 0px 4px #222;
    width:250px;
    margin:0 auto;
    cursor: pointer;
    color: #fff;
    border-radius:3px;
    font-weight: bold;
    transition:box-shadow .5s ease;
padding:10px 0px 10px;
text-align:center;
display:block;
}
#tbl1:hover{
background-color: #fff;
    box-shadow:inset 0px 25px 30px #000,0px 0px 4px #222;
}

.