کد قرار دادن چند عکس روی هم

کد قرار دادن چند عکس روی هم با این کد شما میتوانید چند عکس را روی هم قرار دهید  و موقیعیت عکسها رو هم میتونید به صورت دستی تنظیم کنید مثلا عکس شماره ۱  رو در سمت چپ قرار دهید و یا …

این کار با css انجام میشه و بسیار کد کوتاه و کاربردیه امیدورارم خوشتون اومده باشه…

کد قرار دادن چند عکس روی هم

دمو کد

<body >

<div style="position:absolute; top:-10px; right:100px" > <img src="https://www.dl.codebazan.ir/uploads/1481963358.jpg"/> </div>



<div style="position:absolute; top:30px; left:250px"> <img src="https://codebazan.ir/test1.jpg"/> </div>



<div style="position:absolute; top:10px; left:10px" > <img src="https://codebazan.ir/test1.jpg"/> </div>


</div>

</body>

 

7 Comments

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *