Background
A lo largo de este punto vamos a ver cómo podemos poner un color de fondo o una imagen.
background: <color> <imagen> <repeat> <attachment> <position>;
<!DOCTYPE html>
<html lang="es">
<head>
<title>Ejemplo Simple de Fondo Fijo</title>
<link rel="stylesheet" href="fondos.css">
</head>
<body>
<main>
<article>
<h2>Haz scroll hacia abajo</h2>
<p>Este es un ejemplo muy simple. La imagen de fondo se aplica a toda la página y se mantiene fija.</p>
<p>El texto que estás leyendo está dentro de una caja con un fondo blanco semitransparente, que es la que se desplaza.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam iure tempora laudantium perferendis recusandae sunt fugiat voluptatem eos ipsam modi! Ducimus corrupti fugit nostrum nulla architecto veritatis. Quibusdam, porro qui.</p>
<p>Adipisci mollitia maiores inventore corrupti harum consectetur rerum laudantium. Commodi laborum vitae perferendis consectetur voluptates aliquam nesciunt velit, molestias et deleniti expedita maiores asperiores quos illum, minima odit reprehenderit quisquam.</p>
<p>Fuga, minus! Eligendi neque sunt aliquid sit. Quos repellat libero alias, ducimus magnam veritatis corporis animi nostrum, officia quibusdam esse iste quod voluptatem deserunt id iure minima ullam incidunt amet!</p>
<p>Reiciendis laborum dolore esse dolorum vitae in eaque sint earum. Dignissimos necessitatibus placeat aliquid temporibus! Alias laboriosam molestias, maiores quas, minus quaerat deserunt ipsam inventore beatae cupiditate totam libero incidunt?</p>
<p>Delectus perspiciatis sint, illo maiores molestias repellat dolores optio, nesciunt ipsam commodi quisquam nulla vero ratione aut repudiandae cum deleniti, recusandae eius eaque aliquid tenetur incidunt! Natus nihil expedita corporis.</p>
<p>Dolore itaque modi illo reprehenderit quod ratione sapiente at laboriosam? Magnam perspiciatis assumenda earum nam eius, error voluptates quae, totam ea amet doloribus. Delectus vero libero vitae, quisquam ab culpa!</p>
<p>Dolor esse suscipit in exercitationem cumque ipsa ex ducimus officia a, cupiditate ut excepturi et odit voluptas totam reiciendis quae eius quos! Recusandae adipisci, non consectetur quos atque vero nisi?</p>
<p>Odit, tempora iure. Exercitationem veritatis sunt aliquam beatae officiis odit! Autem hic quis quisquam eum, dolores necessitatibus architecto repellat veritatis impedit laboriosam perspiciatis, iure voluptatem ratione quo? Voluptate, incidunt assumenda.</p>
<p>Aliquam quae iure neque reprehenderit rerum repudiandae voluptatem incidunt similique consequatur? Amet provident voluptate libero ratione natus numquam quos molestiae maiores aspernatur reprehenderit. Temporibus eius dignissimos quibusdam laborum dolores esse.</p>
<p>Maxime odio quam dolor nam aut voluptatem, vero laborum commodi ipsum magnam molestiae at, voluptate doloremque tenetur aliquid omnis repellendus rerum. Sapiente ullam corporis, in neque nulla iure culpa molestias?</p>
<p>Doloribus laudantium fuga nobis beatae voluptatibus sunt autem esse fugiat reiciendis porro eveniet numquam minus aliquam velit, dolores, ducimus at praesentium quo. Doloribus, praesentium inventore ut optio veniam minima possimus!</p>
<p>Incidunt aperiam ab delectus cum doloribus libero earum iusto, quae velit eius. Fugiat ab tempore cumque aperiam libero magni laudantium, necessitatibus excepturi ullam, cum quis? Voluptatibus quia autem itaque libero!</p>
<p>Voluptatem nemo minus illo deserunt praesentium ea saepe aperiam numquam tempore suscipit vitae pariatur obcaecati odit, accusamus perspiciatis quo perferendis nulla nobis hic? Commodi, incidunt possimus magni expedita iusto voluptate?</p>
<p>Fuga sint libero qui repudiandae, ipsum quo ex laudantium consequuntur aut possimus nemo, nulla quos officiis quidem labore minima tenetur dolor quasi earum facere totam optio. Voluptatibus, architecto vero! Similique.</p>
<p>Quas excepturi tenetur numquam nemo doloribus labore illum temporibus maiores modi enim non, exercitationem fuga laudantium quod, illo a sequi velit nisi earum voluptate natus? Delectus maxime odit obcaecati magni.</p>
<p>Voluptates atque, dicta, eum labore beatae accusamus voluptate quia mollitia ducimus ex rerum cupiditate distinctio. Enim facilis repudiandae commodi, aliquid sapiente libero at dolores cum ipsum saepe. Deserunt, earum beatae.</p>
<p>Quo error nemo nesciunt eius dignissimos cum consectetur nobis beatae tenetur porro dolor excepturi minima optio pariatur aliquam deleniti eum doloremque minus nisi quas dolore iste, atque modi. Maxime, sint?</p>
<p>Mollitia, officia molestias necessitatibus, minus, veritatis quas excepturi veniam voluptates reprehenderit modi accusantium eaque adipisci perferendis rem consequuntur maiores non similique voluptatum in aliquid eius! Neque aliquam accusantium perferendis voluptatibus.</p>
<p>Inventore excepturi ipsum voluptas hic repudiandae facere culpa ducimus explicabo maxime. Quaerat numquam vel obcaecati laborum voluptatibus eius dolorem, velit explicabo, et consequuntur veniam aspernatur reiciendis aliquid ducimus impedit fuga?</p>
<p>Eveniet, illum quas ratione harum cum nobis nostrum reprehenderit illo, reiciendis nam asperiores magnam facere esse ipsa possimus optio. Possimus quis nulla beatae vel dolore maiores voluptatem dignissimos aperiam doloribus.</p>
<p>Minima eius ad perferendis repellendus! Nulla vero ab, culpa, repellat tempore facilis quasi nihil ipsum consectetur repudiandae ea voluptas maxime voluptate expedita? Cupiditate, totam! Fugit laboriosam cupiditate eum et aperiam?</p>
<p>Ducimus, temporibus dolor id sapiente dolore accusamus amet maiores dolores delectus numquam, maxime distinctio ipsum deserunt corporis ex facere nihil ullam, veniam suscipit provident nulla doloribus similique. Inventore, ipsam sed!</p>
<p>Neque, minus? Facere aut vel magni impedit dolorum consequatur quam quis incidunt itaque magnam nobis, eligendi sapiente possimus qui porro delectus doloremque. Voluptatum itaque commodi ipsam cumque adipisci officiis labore.</p>
<p>Commodi, itaque molestias doloremque dicta nobis, esse impedit modi libero voluptatibus expedita facere! Magni iure fugit adipisci, doloremque laborum tempore accusantium soluta maiores fugiat asperiores voluptatem voluptatum ad, maxime quae.</p>
<p>Numquam veniam veritatis tempora rerum repudiandae eius. Sed inventore error, dolorum cumque at, autem est magni, expedita neque et exercitationem dicta consequatur repudiandae porro eaque dolor totam velit ducimus praesentium.</p>
<p>Facilis maxime corporis harum eveniet itaque autem asperiores possimus sit veniam, ipsum eaque. Ullam assumenda, sunt laudantium alias consequatur odio, animi, doloremque inventore error facere officia tempore rem voluptates quibusdam.</p>
<p>Quos minus quidem vel ipsum explicabo officiis facilis voluptate iure a. Quas accusantium labore, eaque minima qui consectetur ad error iusto iste modi iure non voluptatem quo laudantium ex mollitia.</p>
<p>Deleniti ratione nam commodi consectetur molestias! Atque quod id esse quisquam qui a minus similique sapiente, dolorem voluptas odit! Esse minima quod sed veritatis optio ipsa numquam, eum blanditiis nulla?</p>
<p>Repellat et nulla aperiam perspiciatis placeat? Amet adipisci vitae rem placeat atque repellat rerum! Obcaecati expedita veritatis laboriosam impedit commodi nulla reprehenderit ut dicta nam mollitia. Magni voluptatum eaque enim.</p>
<p>Quaerat voluptatem mollitia odio cum dicta harum consectetur accusantium voluptatibus tempore eveniet quia, nulla, praesentium aliquid tempora aut ducimus earum, dolor quae rem. Atque consequatur quisquam rem, voluptatibus est dolorem?</p>
</article>
</main>
</body>
</html>