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).