Cores

Lição 4 de 8 do curso Projeto CSS - Botão Estilizado da Coddy.

A cor de fundo e a cor do texto são uma das coisas mais importantes ao estilizar um botão!

É importante observar o contraste de cores para a legibilidade; quando a cor de fundo é escura, a cor do texto deve ser clara.

Alguns exemplos de cores escuras:

preto
azul
vermelho
marrom

Alguns exemplos de cores claras:

branco
amarelo
rosa

Desafio

Fácil

Tarefas:

Defina a cor do texto do botão como white
Defina a cor de fundo do botão para uma cor escura, certifique-se de que tenha contraste suficiente!

Dica:

Você pode definir uma cor de fundo com gradiente linear usando (você pode ajustar as cores),

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

Ou com um ângulo (45 graus, por exemplo),

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

Experimente você mesmo

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

Todas as lições de Projeto CSS - Botão Estilizado

1Introdução

Introdução Parte de HTML

2O Projeto CSS

Cores