RPL4rt

Inspirasi Yg Tinggi Membuatku Menjadi Hidup..

Home · Author · Portal · Versi Desktop · Twitter · About Us · Contact
Cara Membuat Gambar Background Full Page.docx

Cara Membuat Gambar Background Full Page

Waktu itu temen pernah nanya tentang backgroundnya biar full gk tile (yang nyambung nyambung) di halaman site..
setelah googling selama 2rb tahun lamanya, akhirnya ketemu juga yang pas.. :3

oke saya mulai saja... :D
disini saya menggunakan gambar berukuran 960 x 720 px untuk dijadikan background..

bg.jpg
Kode HTMLnya :
        <html >
        <head>
            <title><!-- Masukan Titlenya --></title>
        </head>
        <body>
<style>   
    body {
         margin: 0;
         padding: 0;
         text-align: center;
    }
    .bg {
         width: 100%;
         height: 100%;
         position: fixed;
         z-index: 1;
         float: left;
         left: 0;
    }
    .content {
         width: 80%;
         height: auto;
         margin: 0 auto;
         position: relative;
         z-index: 5;
         background: #fff;
         padding: 30px;
         text-align: left;
    }
    </style>
            <img src="bg.jpg" alt="gambar" class="bg" />
            <!-- tambahan content -->
            <div class="content">
                <p>I Dont Care What u think about me..</p>
                <p><a href="http://rpl4rt.blogspot.com">RPL4rt</a></p>
                <p>Simple site..</p>
            </div>
        </body>
        </html>

untuk demo bisa di lihat DISINi
Untuk Lebih Jelasnya Silahkan Masuk Sini
Sekian postingan dari saya..
Semoga membantu untuk belajar CSSnya dan semoga bermanfaat ;)

2 komentar untuk "Cara Membuat Gambar Background Full Page"

Harap berkomentar sesuai dengan isi posting & komentar spam tidak akan ditampilkan.

Copyright © 2017 RPL4rt Powered by Blogger