Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <style>
- .gentitore {
- /*background-image: url("https://picsum.photos/1000/1000");*/
- min-width: 200px;
- min-height: 500px;
- border: 1px red solid;
- position: relative
- }
- .img {
- background-image: url("https://picsum.photos/1000/1000");
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-size: cover;
- }
- .figlio {
- width: 20px;
- heigh: 20px;
- background-color: green;
- border-radiu: 20px;
- position: absolute;
- }
- .figlio1 {
- left: 10%;
- top: 20%;
- }
- .figlio2 {
- left: 30%;
- top: 80%;
- }
- </style>
- <script><script
- src="https://code.jquery.com/jquery-3.6.1.min.js"
- integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
- crossorigin="anonymous"></script>
- </script>
- </head>
- <body>
- <div class="gentitore" >
- <div class="img"><img src2="https://picsum.photos/1000/1000"></div>
- <div class="figlio figlio1">IO</div>
- <div class="figlio figlio2">LUI</div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment