[Resolvido] Como alterar a cor de uma Div ao passar o mouse

[Login Errado 0]

Boa tarde,

Estou com uma dificuldade,

 

Tenho uma DIV com um ID chamado totalContentque envolve uma imagem um subtítulo e um paragrafo.

Deixei a imagem, subtítulo e paragrafo com um link para a pagina desejada.

Mas eu gostaria de alterar o background da minha DIV totalContent de #eeeeee para #ffEE00 ao passar o mouse por cima dela.

 

Segue abaixo o html e css:

 

 

 

Como está na imagem tentei utilizar o Jquery mas ai só alterar o background da DIV e eu gostaria de alterar ele ao passar o mouse por cima da DIV.

 

Desde já agradeço

[Diéssica 140]

É fácil... Não precisa jQuery, Javascript.

 

Adiciona essa linha no teu CSS:

#totalContent:hover {
background:#ffEE00;
}

 

O hover é a ação de passar o mouse no objeto. Pode usar por exemplo, a:hover (em links) .titulo:hover (em classes) e #objeto:hover (ids). Daí é só abrir as chaves {} e determinar as propriedades, no teu caso só o novo background (#ffEE00).

 

Não testei mas deve funcionar.

 

E uma pergunta: que editor tu usa?

[Login Errado 0]

Muito obrigado Diéssica,

Nunca tinha tentado e não sabia que o hover funcionava em (classes e ids) pensei que era para links somente valeu tirou minha dúvida e me ensinou algo novo :natalhappy:

Funcionou perfeitamente, o editor que uso é Notepad++, para alterar a aparência dele é só ir: Menu,Configurações depois só selecionar um dos temas pré-definidos e altera-ló como preferir :natalsmile:

Obrigado

[Diéssica 140]

Muito obrigado Diéssica,

Nunca tinha tentado e não sabia que o hover funcionava em (classes e ids) pensei que era para links somente valeu tirou minha dúvida e me ensinou algo novo :natalhappy:

Funcionou perfeitamente, o editor que uso é Notepad++, para alterar a aparência dele é só ir: Menu,Configurações depois só selecionar um dos temas pré-definidos e altera-ló como preferir :natalsmile:

Obrigado

 

Também uso Notepad++ e estranhei a aparência do teu.. hehe

 

[]s,

Diéssica Gurskas

[Login Errado 0]

Também uso Notepad++ e estranhei a aparência do teu.. hehe

 

Bom para não incomodar muito os olhos :natalhappy: