Estilização final

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

Muito bem, você criou um botão estilizado totalmente personalizado!

Por fim, queremos modificar o cursor que passa sobre o nosso botão usando,

.fancyButton {
	...
	cursor: pointer;
}

Desafio

Fácil

Adicione o cursor pointer ao passar o mouse sobre o botão e qualquer estilização final que você desejar.

Quando estiver pronto, execute o código e finalize o projeto!

Você pode revelar a solução depois para ver como o nosso botão ficou :)

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

Estilização final Lição de projeto