Usage of background-position property in CSS


The background-position property is used to control the position of an image in the background.

Example

You can try to run the following code to learn how to work with the background-position property. It sets the background image position 30 pixels away from the left side:

<html>
   <head>
      <style>
         body {
            background-image: url("/css/images/css.jpg");
            background-position:30px;
         }
      </style>
   </head>
   <body>
      <p>Tutorials point</p>
   </body>
</html>

Updated on: 30-Jan-2020

112 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements