Copie una página web con div + css

Primero echemos un vistazo al efecto de página. Lo saqué de la noche. Hay muchos puntos desconocidos en el medio. Permítanme enumerarlos.
Inserte la descripción de la imagen aquí

1. Hacer pequeños íconos para títulos de páginas web

Inserte la descripción de la imagen aquí
Como se muestra en la figura, el método de configuración es:

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

Primero debe seleccionar una imagen de tipo de icono (hay un sitio web para generar iconos en línea en Internet, como: generar iconos en línea ). La
parte anterior es una redacción fija: enlace rel = "icon" type = "text / css" (donde type = " text / css "puede omitirse)
href seguido de la posición relativa
de la imagen yellow.ico es mi nombre de imagen

2. Hipervínculo eliminar subrayado

Inserte la descripción de la imagen aquí
Generalmente, cuando definimos un hipervínculo, el campo estará subrayado y muchos hipervínculos de páginas web no están subrayados. El método de eliminación es:
diseñar el estilo en CSS

a{
text-decoration : none;
}

Para eliminar el subrayado

3. Habrá cambios cuando el mouse flote

Si el color cambia cuando se coloca el mouse
Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí
El método de implementación es:
puede definir el botón como un div y definirlo como un hipervínculo (haga clic para realizar el salto de página) Cuando el
mouse se desplaza sobre el botón, el color cambia

a:hover{
	background-color:blue;
}
20 artículos originales publicados · Me gusta4 · Visitas 837

Supongo que te gusta

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