Usage of background-repeat property in 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 don't 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("/css/images/css.jpg");
            background-repeat: repeat;
         }
      </style>
   </head>
   <body>
      <p>Tutorials Point</p>
   </body>
</html>

Advertisements