CSS for beginners 24: background-position property | SET POSITION FOR BACKGROUND IMAGE

Опубликовано: 27 Февраль 2026
на канале: Masterminds Tutorials
5,288
69

Hi there and welcome! 😊 In this video, we will learn how to use background-position CSS property to control position of background image.

If we want to set position for background image we can use background-position CSS property that allows us to move background image from left and top border of the screen:
➡️ body { background-position: 100px 50px; }
First value (100px) represents distance between left border of the screen and background image, and second value (50px) represents distance between top border of the screen and background image.

💻 If you want to learn how to build websites from the scratch check out our course that is currently on amazing discount :
👉https://www.udemy.com/course/draft/34...

NOTE: Buying of our course you support our channel and we are immensely grateful to you for that! ❤️🙏

📺 For the most recent updates please subscribe on our YouTube channel:
   / @mastermindstutorials7630  

🔔 Hit the notification bell to be notified when videos go live.

👤 You can reach us on social media:
https://www.instagram.com/masterminds...
  / mastermindstut1  

🤝If you want to support our work:
https://www.paypal.com/paypalme/Maste...
  / mastermindstutorials  
Please remember that even little from you means a lot for us. ❤️🙏

❓ Do you have any questions? Feel free to ask us directly on email:
📧 [email protected]

➡️ Please press 👍 button if you like this content and share this video to all that could be interested in this! 🙏

––––––––––––––––––––––––––––––
Music: Spring In My Step - Silent Partner    • Spring In My Step – Silent Partner (No Cop...  
––––––––––––––––––––––––––––––
#CSSBeginners #CSSLearnItFromScratch #background-postion