Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .lapisan-bawah { position: absolute; left: 20px; top: 20px; width: 120px; height: 120px; background: #0d2e5c; z-index: 1; border-radius: 8px; color: white; padding: 10px; }
        .lapisan-atas { position: absolute; left: 60px; top: 60px; width: 120px; height: 120px; background: #04AA6D; z-index: 2; border-radius: 8px; color: white; padding: 10px; }
    </style>
</head>
<body style="position:relative; height:200px;">

    <div class="lapisan-bawah">Z-Index: 1</div>
    <div class="lapisan-atas">Z-Index: 2 (Di Depan)</div>

</body>
</html>

Hasil Tampilan (Browser Preview)