Repeat the background image with CSS


The background-repeat property is used to control the repetition of an image in the background. You can use no-repeat value for the background-repeat property if you do not want to repeat an image, in this case, the image will display only once:

Example

You can try to run the following code to learn how to work with the background-repeat property:

<html>
   <head>
      <style>
         body {
            background-image: url("/images/seaborn-4.jpg?v = 2");
            background-repeat: repeat;
         }
      </style>
   </head>
   <body>
      <p>Tutorials Point</p>
   </body>
</html>

seetha
seetha

e

Updated on: 30-Jan-2020

245 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements