Implementación Externa
Volver al Menú
Anatomía de una Card en CSS Puro
Así es como se vincula un estilo escrito en estilos.css con un elemento en el index.html.
/* 1. Definición en css/estilos.css */
.mi-tarjeta {
background: white;
padding: 20px;
border-radius: 12px;
border-left: 5px solid #2ac0f0;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
<!-- 2. Aplicación en el HTML -->
<div class="mi-tarjeta">
<h3>Título</h3>
<p>Contenido de la tarjeta.</p>
</div>
Resultado visual:
Cátedra Ocampo
Este elemento está recibiendo los estilos directamente desde el archivo externo mediante la clase.