Mais
×

Como alterar a cor de um div ao passar o mouse

Atualizado em 21 fevereiro, 2017

As etiquetas DIV (uma abreviação de "divisão") definem uma seção de um documento HTML e são frequentemente utilizadas com a linguagem CSS para criar o layout básico de um site. Um DIV pode ser personalizado usando CSS para definir as margens, espaçamentos, bordas, tamanho do texto, alinhamento ou cor de fundo, além de truques mais avançados, como alterar a cor do DIV quando um usuário passar o cursor do mouse sobre ele.

Instruções

A linguagem CSS permite aplicar truques para melhorar a interação do usuário com a página (Comstock/Comstock/Getty Images)
  1. Abra o documento da sua página da web em um editor de texto.

  2. Coloque o cursor em uma linha vazia entre as tags "" e "".

  3. Digite "" para fechar a tag de script CSS.

  4. Coloque o cursor de texto em uma linha vazia entre as tags "" e "".

  5. Digite "

    " e pressione "Enter" para criar um recipiente DIV com o valor de ID "div1". Se você tiver alterado o nome da ID no passo 4, deverá colocar o mesmo nome aqui.

  6. Digite ou cole um conteúdo para ser incluído no DIV e pressione "Enter".

  7. Digite "

    " para fechar o recipiente DIV.

  • Clique em "File" (Arquivo) e em "Save" (Salvar) para salvar o documento.

  • Cite this Article A tool to create a citation to reference this article Cite this Article