Ejemplo de Botón Formulario En CSS

Cuando hacemos un formulario en HTML tenemos la necesidad de hacerlo atractivo para que el usuario no se sienta incomodo con un formulario con un pésimo diseño, para debemos programar en CSS una serie de instrucciones para poder ver un botón bonito y atractivo hacia nuestros usuarios, el código a introducir es el siguiente:

<style type="text/css">
<!--
.boton {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCFFCC;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #00FF00;
    border-right-color: #00CC33;
    border-bottom-color: #00CC33;
    border-left-color: #00FF00;
    color: #8CAE06;
    font-weight: bold;
}
-->
</style>


Y después aplicar esta clase al elemento que queramos, en nuestro caso un botón de formulario:

<input type="button" value="Ejemplo de boton CSS" class="boton" />