Untitled
unknown
html
3 years ago
23 kB
4
Indexable
<!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> <style> div.movil { background-image: url("Ejercicio 8.2 Imagen.jpg"); background-repeat: no-repeat; background-size: 1250px; background-attachment: scroll; } 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...