</>
Botão arredondado com seta
Um botão em formato de cápsula com uma seta para indicar continuidade.
ACERVO REUTILIZÁVEL
5 resultado(s)Códigos prontos
Veja rapidamente o que cada recurso faz. O código e a prévia só carregam quando você pedir.
DETALHES
Tela inicial — Bom dia
Cria uma tela de boas-vindas simples, centralizada e pronta para personalização.
O que este código faz
A tela apresenta uma saudação, um pequeno texto de apresentação e um botão de entrada. É um exemplo inicial para praticar estrutura HTML, classes e estilização com CSS.
Como usar
Use o conteúdo do index.html como estrutura da página. Depois, copie o style.css para o arquivo de estilos. Os textos, as cores e o endereço do botão podem ser alterados.
</>
Botão com efeito hover
O botão muda de posição e cor quando o ponteiro passa sobre ele.
</>
Botão contornado
Um botão leve, com fundo transparente e contorno colorido.
</>
Botão principal azul
Um botão azul simples para destacar a principal ação de uma página.
</>
Tela inicial — Bom dia
Cria uma tela de boas-vindas simples, centralizada e pronta para personalização.