O html para mudar a cor da célula

Usar cores para tornar seus sites mais interativos.

Você não precisa piscar animações e cores de dança para fazer um trabalho de página da web. Alguns efeitos visuais sutis, no entanto, pode não só melhorar o seu site, mas também fornecer pistas importantes para os visitantes do site. Por exemplo, tabelas HTML exibir dados tabulares organizados em células e linhas em uma página web. Mudando a cor de fundo como mouse do usuário passa o mouse sobre células diferentes, você pode criar um efeito mouse-over envolvente que ajuda o usuário a identificar a célula actualmente activa.

  • Abra o bloco de notas. Adicione o seguinte código para o documento:

    https://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    https://w3.org/1999/xhtml ">

    Tabela célula de teste Alterar cor

    Isso cria uma página web vazio.

  • Adicione este código abaixo do primeiro tag:



    1

    2

    3

    4

    Isso cria um quadro com duas filas e duas colunas. o "onmouseover" evento muda a cor de uma célula para vermelho (# ff0000) eo "evento onmouseout muda sua cor de volta para branco.

  • pressione "CTRL + S" para abrir o "Salvar arquivo" janela e tipo "xyz.html" no "Nome do arquivo" caixa de texto. Clique "Salvar."

  • Navegue até o arquivo usando o Windows Explorer e clique duas vezes no arquivo. Seu navegador será aberto e exibir a página web. Passe o mouse sobre as células da tabela. Eles vão mudar as cores.

dicas & avisos

  • Mudar o "onmouseover" e "onmouseout" cores para quaisquer valores que você gosta. Faça o "onmouseout" colorir o mesmo que a cor de fundo da tabela. Neste exemplo, a cor padrão mesa de fundo é branco. O código HTML especifica as cores em formato hexadecimal. Saiba mais sobre cores HTML on-line (consulte Recursos).
De esta maneira? Compartilhar em redes sociais:

LiveInternet