This property is helpful for us that’s a great time to get repetition of the background image. We can use repeat, no-repeat, repeat-x(horizontal repetition), and repeat-y(vertical repetition).

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Background Repeat Image and Position</title>
    <style>
        body {
            background-image: url('III. Communication.jpg');
            /*Now, actual image size is 200X150*/
            background-repeat: repeat;
            /*yOU can use other values repeat, repeat-x, repeat-y*/
        }
    </style>
</head>
<body>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nostrum illum, asperiores id accusamus dolor cupiditate, ratione vel error animi obcaecati unde quisquam ad dolorem corrupti, assumenda deleniti sunt. Error, eius?
    Quas illum quam inventore animi quaerat! Suscipit iure praesentium ab odio accusamus ipsum in quas, assumenda veniam harum consequatur quos ratione quis, ipsa ducimus fugit quaerat tempore nulla saepe hic!
    Deleniti amet pariatur quaerat est illum, distinctio nobis optio, repudiandae quo consectetur, unde minima non perspiciatis aspernatur ipsam assumenda fugiat ex voluptate ut blanditiis sequi architecto nam autem ipsum. Autem.
    Porro pariatur nihil non officia voluptatum soluta quo animi illo quia perspiciatis blanditiis, vitae voluptate fuga maiores voluptas tempore possimus beatae sit rem, id ipsam repellendus suscipit! Enim, voluptates in!
    Vitae, inventore, ab illo ad nam velit maxime sunt officiis vel in iste accusantium error optio ut molestiae. Nisi labore, non cupiditate aspernatur quis natus tempora. Nobis officia harum dolorum.
    </p>
    <p>
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, delectus, deserunt officiis animi alias harum obcaecati aliquam, velit provident doloribus ipsa molestiae perferendis fugiat nobis itaque rerum illum! Tenetur, iure!
        Qui unde, sequi fugiat error aspernatur atque quis incidunt ad omnis corporis exercitationem cupiditate explicabo? Illum velit est sit pariatur dolorem harum architecto commodi. Odio illum magnam dignissimos pariatur rem?
        Temporibus, fugiat assumenda! Consequuntur provident accusamus sunt nam quaerat eos accusantium suscipit assumenda distinctio quos rem iste nemo autem architecto porro, deserunt quis ab laboriosam odio eligendi. Quos, dicta id.
        Placeat possimus a maiores quas odit accusantium, tempore quidem sit magni! Quibusdam nihil assumenda nisi eum expedita a dolores sequi velit optio quasi, minus eaque repellat temporibus officia, incidunt corporis.
        Eum doloremque corrupti fugiat omnis hic cumque dolorum, expedita, qui maiores architecto unde nihil reprehenderit ipsum quidem animi officiis aliquid vel explicabo cum? Cum ipsa veritatis, ducimus quis praesentium illo.
    </p>
</body>
</html>

Show Output :

III. Output
3D render of a low poly plexus design – network communications
Related Topic : 
What is LibreOffice? LibreOffice Impress Features ?LibreOffice Impress CCC Questions and Answer in Hindi 2022
CCC LibreOffice Calc Paper Questions with AnswersCCC NIELIT Quiz 2022
Interview Questions and Answers for ExperienceInterview Questions and Answers for Freshers
MCQ 

Leave a Comment