[2021] Botones CSS {DH}


Aprenda a diseñar botones con CSS.


Estilo de tecla básico

ejemplo

.Botón {
Color de fondo: # 4CAF50; / * Verde * /
Borde: ninguno;

El color blanco;
Acolchado: 15px 32px;
Alineación del texto: centro;

Decoración de texto: ninguna;
Pantalla: bloqueo en línea;
Tamaño de fuente: 16px;
}

Inténtalo tú mismo »


Colores de los botones





Utilizar el background-color Propiedad para cambiar el color de fondo de un botón:

ejemplo

.button1 {color de fondo: # 4CAF50;} / * verde * /
.button2 {color de fondo: # 008CBA;} / * azul * /
.button3 {color de fondo: # f44336;} / * rojo * /
.button4 {color de fondo: # e7e7e7; Color: negro;} / * gris * /
.button5 {color de fondo: # 555555;} / * negro * /

Inténtalo tú mismo »



Tamaños de clave





Utilizar el font-size Propiedad para cambiar el tamaño de fuente de un botón:

ejemplo

.button1 {tamaño de fuente: 10px;}
.button2 {tamaño de fuente: 12px;}
.button3 {tamaño de fuente: 16px;}
.button4 {tamaño de …

[2021] Botones CSS {DH}

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *