Repeat 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("/https/www.tutorialspoint.com/images/seaborn-4.jpg?v = 2");
            background-repeat: repeat;
         }
      </style>
   </head>
   <body>
      <p>Tutorials Point</p>
   </body>
</html>
Updated on: 2020-01-30T09:19:53+05:30

322 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements