Untitled

<!DOCTYPE html>
<html>
<head>
<div class="hijo"> BLOQUE HIJO </div>
<style>
body
{
background-image: url("Ejercicio 8.2 Imagen.jpg");
background-repeat: repeat-x;
background-size: 200px;
}

div.hijo
{
background-image: url("Actividad 8.2 Corazon.png");
background-repeat: inherit;
background-size: 45px;
border: 2px solid yellow;
width:270px;
height: 45px;
}
</style>
</head>
<body>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<div class="movil"> <p>Párrafo dentro de un bloque con imagen de fondo movil.</div>

<div class="fijo">Párrafo dentro de un bloque con imagende fondo fijo.</div>

div.fijo
{
background-image: url("Ejercicio 8.2 Imagen.jpg");
background-repeat: no-repeat;
background-size: 1250px;
background-attachment: fixed;
}
</style>
</head>
<body>
<p><div class="movil">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam
labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus
molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit
maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo,
quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa
tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel
corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod
deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum
molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi
voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores
culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita
nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet
consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam
possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex.
Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus
dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti
fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam
accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores
iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam
labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus
molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit
maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo,
quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa
tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel
corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod
deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum
molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi
voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores
culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita
nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet
consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam
possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex.
Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus
dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti
fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam
accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores
iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam
labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus
molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit
maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo,
quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa
tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel
corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod
deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum
molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi
voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores
culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita
nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet
consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam
possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex.
Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus
dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti
fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam
accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores
iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure!
</div></p>
<p><div class="fijo">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam
labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus
molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit
maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo,
quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa
tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel
corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod
deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum
molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi
voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores
culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita
nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet
consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam
possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex.
Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus
dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti
fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam
accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores
iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam
labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus
molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit
maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo,
quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa
tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel
corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod
deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum
molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi
voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores
culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita
nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet
consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam
possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex.
Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus
dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti
fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam
accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores
iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione saepe voluptas minima, facere, laborum, in expedita ipsam
labore quas doloremque libero adipisci dolorem repudiandae magnam quaerat deserunt. Corrupti, eius soluta! Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Quos magni numquam id nobis quo reprehenderit soluta, enim dolore iste. Nam accusamus
molestiae dicta sapiente autem odio repudiandae eaque non neque! Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Facere ipsum tempora sapiente placeat atque minima nobis, debitis accusamus saepe consectetur, ipsam non, corrupti suscipit
maiores magnam natus vero ab consequatur! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe, quisquam quo,
quasi consequatur quae nostrum qui, fugiat optio accusamus debitis eaque voluptate provident officia labore rerum ipsa
tempora at vero? Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, delectus nulla. Quisquam ex tenetur vel
corporis aliquam similique animi totam voluptates minus veritatis, pariatur consectetur obcaecati cum, fuga a at! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Similique quasi sed, repellat dolor qui perspiciatis blanditiis quod
deserunt ratione, deleniti pariatur, commodi voluptatem itaque distinctio. Tempora nemo amet corrupti ipsum. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Vitae ut ea, possimus quam itaque beatae. Incidunt quisquam unde harum
molestias autem architecto, non veniam distinctio a dignissimos cum quidem assumenda? Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Adipisci atque totam voluptatibus reprehenderit? Explicabo repellendus aliquam nisi
voluptates. Voluptatem repellendus qui quaerat, neque magnam ullam? Maiores id nihil voluptate voluptatem. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Eligendi reiciendis, eaque adipisci cum quidem ipsam id velit asperiores
culpa illo ipsum. Voluptate sunt excepturi distinctio quisquam, sapiente nobis molestias reiciendis. Lorem ipsum dolor
sit amet consectetur, adipisicing elit. Magnam ea molestias, praesentium distinctio deserunt quo reprehenderit iure expedita
nisi officiis at corporis adipisci possimus dolores nihil magni corrupti repellat quae. Lorem ipsum dolor sit amet
consectetur, adipisicing elit. Illum quidem, nostrum quas ea ut quia fugit nulla deserunt hic nam laboriosam quibusdam ullam
possimus deleniti? Quas doloremque praesentium molestiae vel. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Perspiciatis placeat atque qui pariatur eligendi impedit delectus quasi. Est necessitatibus doloremque iste ipsam, culpa ex.
Vel, possimus? Ullam accusamus totam a! Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis accusamus
dolores sunt maxime. Quibusdam, ea natus accusamus, cumque cum itaque soluta provident voluptates consectetur alias deleniti
fugit fugiat eius voluptate. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos veritatis, nihil tempore totam
accusantium iste nulla enim, nesciunt nisi ducimus odio eos hic architecto cumque doloremque distinctio minus harum rerum.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi sit quia repellendus quaerat, saepe eligendi, asperiores
iusto et necessitatibus in alias numquam, quasi iste minus voluptatem quo amet? Doloremque, iure!
</div></p>
</body>
</html>

Editor is loading...