|
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" />
| Keywords:
Ejemplo de Botón Formulario en CSS, Botón Formulario en CSS, boton css, diseño forma, boton forma, cambiar el diseño de un boton, , |
| Fecha:
04-12-2008 15:36:44 |
Autor:
Aziel |
Visitas:
2134 |
Mira algunos ejemplos relacionados...Ejemplo de Botón con Rollover 1 en CSS
Ejemplo de Botón Formulario en CSS
Ejemplo de Cursor de Ayuda con CSS
Ejemplo de Botón de Formulario en CSS
0 comentarios en Ejemplo de Botón Formulario en CSS
|
