Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

usar hover

.presentacion_enlaces_link:hover{

background-color: #272727;

}

1 respuesta

Hola Marcelo, espero que estés bien

Parece que estás trabajando con CSS y quieres aplicar un efecto hover a un elemento con la clase .presentacion_enlaces_link. El código que has compartido está configurado para cambiar el color de fondo de ese elemento a #272727 cuando el usuario pasa el ratón por encima.

Para asegurarte de que este estilo se aplique correctamente, verifica lo siguiente:

  1. Asegúrate de que el elemento HTML tenga la clase correcta: Por ejemplo, si tienes un enlace, debería verse algo así: <a href="#" class="presentacion_enlaces_link">Enlace</a>.

  2. Verifica que el CSS esté correctamente vinculado a tu HTML: Asegúrate de que el archivo CSS donde has escrito este código esté correctamente vinculado en tu archivo HTML. Debería verse algo así en la sección <head> de tu HTML: <link rel="stylesheet" href="tu-archivo.css">.

  3. Revisa el orden de los estilos: Si tienes otros estilos que afectan al mismo elemento, asegúrate de que el estilo del hover no esté siendo sobrescrito por otro estilo más específico o que venga después en la cascada de CSS.

Aquí tienes un ejemplo práctico de cómo debería verse en HTML y CSS:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejemplo Hover</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <a href="#" class="presentacion_enlaces_link">Enlace</a>
</body>
</html>

Y en tu archivo styles.css:

.presentacion_enlaces_link:hover {
    background-color: #272727;
}

Espero que esto te ayude a aplicar el efecto hover correctamente. ¡Espero haber ayudado y buenos estudios!