• Memorándums
• Cartas
• Formatos
• CV en línea
• Solicita tu ejemplo

Inicio > CSS > 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" />

 

Ejemplo de Botón Formulario en CSS
Ejemplo de Indentación o sangria en CSS
Ejemplo de Justificar, centrar y alinear a la derecha con CSS
Ejemplo de Propiedades del texto con CSS
Ejemplo de Botón de Formulario en CSS