Copie uma página da web com div + css

Vamos dar uma olhada no efeito da página primeiro.Eu tirei da noite.Há muitos pontos desconhecidos no meio.Deixe-me listá-los.
Insira a descrição da imagem aqui

1. Criando pequenos ícones para títulos de páginas da web

Insira a descrição da imagem aqui
Conforme mostrado na figura, o método de configuração é:

<link rel="icon" type="text/css" href="img/yellow.ico" />

Você precisa primeiro selecionar uma imagem do tipo ícone (existe um site para gerar ícones online na Internet, como: gerar ícones online )
.A parte anterior é uma expressão fixa: link rel = "icon" type = "text / css" (onde type = " text / css "pode ​​ser omitido)
href seguido pela posição relativa
da imagem yellow.ico é o nome da minha imagem

2. Hiperlink remover sublinhado

Insira a descrição da imagem aqui
Geralmente, quando definimos um hiperlink, o campo é sublinhado e muitos hiperlinks de páginas da Web não são sublinhados.O método de remoção é:
design the style in CSS

a{
text-decoration : none;
}

Para remover o sublinhado

3. Haverá alterações quando o mouse flutuar

Se a cor mudar quando o mouse for colocado
Insira a descrição da imagem aqui

Insira a descrição da imagem aqui
O método de implementação é:
Você pode definir o botão como uma div e defini-lo como um hiperlink (clique para perceber o salto da página) Quando o
mouse passa o mouse sobre o botão, a cor muda

a:hover{
	background-color:blue;
}
Publicado 20 artigos originais · Gostei4 · Visitas 837

Acho que você gosta

Origin blog.csdn.net/weixin_43986850/article/details/102596617
Recomendado
Clasificación