Use CSS para criar uma barra de navegação dinâmica

Quando navegamos em muitos sites, veremos que em alguns sites, quando o mouse passa sobre o texto na barra de navegação, você sentirá que as palavras estão se movendo, ou a cor da fonte mudará, ou

haverá um overline . Olhe para mim Você entende o efeito da barra de navegação no meu blog Hoje, San Shao lhe dirá como fazer isso.

Na verdade, isso é muito simples, na verdade é implementado usando CSS, siga meus passos, Vamos lá

1. Entre no gerenciamento do seu portal pessoal, selecione as configurações do portal pessoal, selecione a seleção do modelo, selecione CSS personalizado para entrar.

2. Você viu algum código CSS? Encontre o seguinte código:

body{

margin-top: 0px;
margem direita: automático;
margem inferior: 0px;
margem esquerda: automático;
largura: 956px;
cor de fundo: #336666;
tamanho da fonte: 12px;
cor: #666666;

}#navi_bar a:link {
/*Cor do texto da barra de navegação*/
}#navi_bar a:visited {}

Ok, a seguir estão as principais etapas:

adicione o seguinte código depois disso:
#navi_bar a:hover{color:#000000; font-weight:bold;text-decoration:blink;background:#FF0000;font-size:18px}
#navi_bar a{display:block}

Descrição do código: 1. color representa a cor da palavra quando o mouse é movido, e text-decoration representa o efeito de modificação do texto. Os atributos que podem ser selecionados são (nenhum significa que o

hiperlink

Sobrepor, mudar para linha para adicionar uma linha ao texto com hiperlink e piscar para fazer o texto

piscar

font-size representa o tamanho da fonte. Se você quiser tornar a barra de navegação dinâmica, o tamanho da fonte aqui é

maior que a fonte em navi_bar a:link. O tamanho da fonte na definição CSS é 14px, então precisamos escolher. uma fonte maior que 14px.

2.navi_bar a{display:block} significa que a cor preenche toda a tabela, caso contrário, apenas o texto poderá ser preenchido.