Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        .hero-box {
            background-image: url('https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 50px 20px;
            border-radius: 12px;
            text-align: center;
            box-shadow: inset 0 0 0 2000px rgba(13, 46, 92, 0.7);
        }
    </style>
</head>
<body>

    <div class="hero-box">
        <h2 style="margin: 0;">Latar Belakang Gambar Responsif</h2>
        <p style="margin-bottom: 0;">Menggunakan background-size: cover dan overlay transparan.</p>
    </div>

</body>
</html>

Hasil Tampilan (Browser Preview)