Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> body { background-image: url("/uploads/media/default/0001/02/55a2f152f59bf42a99b576d44a4578ec9daa0ab6.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 15%; } </style> </head> <body> <h2>Background-position property example</h2> <p> The background-image is positioned 50% from the left side and 15% from the top side of the element. </p> </body> </html>