Live
x
<html> <head> <title>Position</title> <style> div { height: 200px; margin: 20px; border: 3px dashed red; background-image: url(https://www.svgrepo.com/show/324121/idea-bulb-learning-knowledge-education-book-idea.svg); background-repeat: no-repeat; } div.one { /* Jako wartość tej właściwości możemy podać zarówno procenty, piksele jak i klucze: top | bottom | left | right. W przypadku "%" i "px" pierwsza wartość odnosi się do odległości od lewej krawędzi a druga do odległości od górnej krawędzi. */ /* Odkomentuj poniższe wartości, aby przetestować tą włąściwość: */ background-position: top left; /* background-position: bottom right; */ /* background-position: center center; */ /* background-position: 20% 70%; */ /* background-position: 100px 20px; */ } </style> </head> <body> <div class="one"></div> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.