Trabajando con Módulos CSS
Los módulos CSS crean automáticamente nombres de clase únicos, lo que permite el alcance de CSS a un componente específico y elimina los conflictos de estilos. Se pueden escribir reglas CSS simples dentro de los módulos CSS.
Volver al proyecto
Cree un módulo CSS llamado home.module.css dentro de la carpeta app/ui y pegue las siguientes reglas CSS:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
Se debe importar el archivo home.module.css en el archivo app/page.tsx y luego aplicar la clase styles.circle al elemento div que se creó anteriormente.
En la práctica
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Genial!
Completion tasa mejorada a 2.08Trabajando con Módulos CSS
Desliza para mostrar el menú
Los módulos CSS crean automáticamente nombres de clase únicos, lo que permite el alcance de CSS a un componente específico y elimina los conflictos de estilos. Se pueden escribir reglas CSS simples dentro de los módulos CSS.
Volver al proyecto
Cree un módulo CSS llamado home.module.css dentro de la carpeta app/ui y pegue las siguientes reglas CSS:
.circle {
height: 2.5rem;
width: 2.5rem;
background-color: rgb(255 255 255);
border-radius: 9999px;
}
Se debe importar el archivo home.module.css en el archivo app/page.tsx y luego aplicar la clase styles.circle al elemento div que se creó anteriormente.
En la práctica
¡Gracias por tus comentarios!
