Código HTML
<div class="caja1"> <p>Este contenedor es traído desde una hoja de estilos (CSS) externa. Los estilos del contenedor se definen en un grupo de estilos llamado clase, con nombre <b>caja1</b></p> <p style="color: red;">Analiza los estilos y modifícalos, hasta obtener la caja o cajas que usarás en tu libro.</p> <p style=" text-align: center"><b>Puedes usar la IA para que te sugiera algún estilo</b></p> </div>
Código CSS
.caja1 { width: 300px; padding: 20px; margin:auto; background-color: rgba(120,190,255,0.3); border-radius:15px; box-shadow: 4px 3px 5px black; }
RUN
IA
Vista Previa