button style example

button_example.css

/*<input class="button" type="submit" value="test">*/

.button {
    margin-top: 10px;
    padding: 2px;
    border: 1px solid #006699;
    border-radius: 5px 5px 5px 5px;
    color: #006699;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background: #cccccc; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#cbcbfe'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ccccff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #ccccff); /* for firefox 3.6+ */
}

.button:hover {
    box-shadow: 0 1px 8px 0 #999999;
}