Ejemplo de Botón Formulario En CSS

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

 

Citado APA: Del Moral, M. & Rodriguez, J. (s.f.). Ejemplo de Botón Formulario En CSS.Ejemplo de. Recuperado el 17 de Septiembre de 2021 de https://www.ejemplode.com/18-css/27-ejemplo_de_boton_formulario_en_css.html

CSS
Autor: Del Moral, Mauricio. & Rodriguez, Jennyfer.

Deja un comentario


Acepto la política de privacidad.