Colores

Lección 4 de 8 del curso Proyecto de CSS: Botón elegante de Coddy.

¡El color de fondo y el color del texto son una de las cosas más importantes al diseñar un botón!

Es importante tener en cuenta el contraste de color para la legibilidad; cuando el color de fondo es oscuro, el color del texto debe ser brillante.

Algunos ejemplos de colores oscuros:

negro
azul
rojo
marrón

Algunos ejemplos de colores brillantes:

blanco
amarillo
rosa

Desafío

Fácil

Tareas:

Establece el color de texto del botón a white
Establece el color de fondo del botón a un color oscuro, ¡asegúrate de que tenga suficiente contraste!

Consejo:

Puedes establecer un color de fondo con degradado lineal usando (puedes ajustar los colores),

background: linear-gradient(rgb(6, 6, 209), rgb(46, 46, 219));

O con un ángulo (45 grados por ejemplo),

background: linear-gradient(45deg, rgb(6, 6, 209), rgb(46, 46, 219));

Pruébalo tú mismo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Todas las lecciones de Proyecto de CSS: Botón elegante

1Introducción

Introducción Parte de HTML

2El proyecto CSS

Colores