Como posso mudar a cor das células quando passo o ponteiro por cima delas?

Pergunta
Alguém sabe como fazer para que ao passar o ponteiro do mouse por cima de uma célula, esta mude a cor de seu fundo? (e que ao tirá-lo volte a cor original). Suponho que se faz com CSS, mas só me sai que mude o texto de cor ao passar o mouse por cima, e o que quero é que mude a cor de fundo. Se não se pode fazer com CSS, alguém sabe como se faz com Javascript? Muito obrigado!

Valorize esta FAQ:
A FAQ Como posso mudar a cor das células quando passo o ponteiro por cima delas? tem Pertence à categoria:
Resposta
Vejamos a primeira proposta de solução, por Aitor.

<html>
<head>
<title>Prova CSS</title>
<style type="text/css">
a.enlace {
color: #0000D9;
width: 100%;
height: 100%;
text-decoration: none;
}
a.link:hover {
text-decoration: none;
background: #77AADD;
}
table {
border: 1px solid red;
width: 20%;
}
td {
align: middle;
border: 1px solid red;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a class="link" href="#">link 1</a>
</td>
</tr>
<tr>
<td>
<a class="link" href="#">link 2</a>
</td>
</table>
</body>

No artigo chamado Realizar um rollover só com CSS e utilizando imagens de CriarWeb.com se mostra como fazer links que ocupem todo o espaço onde estão situados.

Por Aitor de la Puente Salán

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + O que são as cores web?
  + Como posso mudar a cor da barra de deslocamento?
  + Tirar o quadro azul de uma imagem que é link
  + Como fazer que a página se adapte às distintas resoluções?
  + Podem se especificar vários tipos de letra?
  + Eliminar a barra que aparece ao passar o mouse pelas imagens
  + Como se faz um menu select dinâmico?
  + [...]

Ver todas las FAQS de CSS / Desenho com HTML

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato