الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> .container { position: relative; } .container div { position: absolute; width: 100px; height: 100px; } .blue-box { top: 0; left: 0; z-index: 1; background: deepskyblue; } .green-box { top: 20px; left: 20px; z-index: 2; background: lightgreen; } .pink-box { top: 40px; left: 40px; z-index: 3; background: pink; } </style> </head> <body> <h1>Set order of display</h1> <p>We use z-index to set the order of none static elements positions.</p> <div class="container"> <div class="blue-box"></div> <div class="green-box"></div> <div class="pink-box"></div> </div> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود