Ejemplo de Botón Formulario en CSS

Inicio » CSS » Botón Formulario en CSS
Autor: Redacción Ejemplode.com, año 2019

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: (A. 2008,04. Ejemplo de Botón Formulario en CSS. Revista Ejemplode.com. Obtenido 04, 2008, de https://www.ejemplode.com/18-css/27-ejemplo_de_boton_formulario_en_css.html)

¡Ayúdanos a ayudarte! Por favor comparte este artículo.

   
CSS
Autor: Redacción Ejemplode.com, año 2019

Búsqueda:

Deja un comentario


Acepto la política de privacidad.


Tweet