Red de conocimiento informático - Conocimiento del nombre de dominio - Cómo usar CSS para crear puntos de acceso de imágenes (mapa de puntos de acceso)

Cómo usar CSS para crear puntos de acceso de imágenes (mapa de puntos de acceso)

flotante: derecha;

ancho: 163px;

alto: 105px;

margen-derecho:

margen-superior: 0;

imagen de fondo: url(images /t_06.jpg)}#right a{posición: absoluta;

pantalla: bloque;

ancho: 108px;

altura: 26px; } #right a: hover{

borde: 1px solid #ffcc00;

}/* Definir el estilo al pasar el cursor * /

#right .one a{top: 10px; right: 110px;

}/* Se utiliza para la posición del primer enlace del punto de acceso */

#right .two a{top: 40px; right: 110px;

}/* Usado para la posición del segundo enlace del punto de acceso*/

#right .tres a{top: 70px right: 110px;

}/* Se utiliza para la posición del segundo enlace del punto de acceso*/

En html id="top"

lt; lt；ullt;li class="one " lt;a href="# " El primer punto de accesolt;/a lt;/li

lt;li class="two " lt ;a href="# "El segundo punto de accesolt;/a lt;/li

lt;li class="tres " lt;a href="# "El tercer punto de accesolt;/a lt;/lilt;/ullt;/lilt ;/divlt;/body

Nota: arriba es la definición de la parte superior de toda la página. Aquí continuamos desde la Parte A anterior para explicar cómo agregar puntos calientes. En el proceso de producción de un sitio web, esta área se utiliza mucho y se pueden realizar algunos cambios según la situación.

上篇: ¿Dónde está el mercado de materiales de construcción en Changshu? 下篇: ¿Cómo utilizar el servicio internacional de "Jurassic World" en iPhone?

Artículos populares