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..
Kode HTMLnya :
untuk demo bisa di lihat
Untuk Lebih Jelasnya Silahkan Masuk Sini
Sekian postingan dari saya..
Semoga membantu untuk belajar CSSnya dan semoga bermanfaat ;)
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 |
<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
Untuk Lebih Jelasnya Silahkan Masuk Sini
Sekian postingan dari saya..
Semoga membantu untuk belajar CSSnya dan semoga bermanfaat ;)
Anda baru saja membaca artikel yang berkategori CSS /
Web
dengan judul Cara Membuat Gambar Background Full Page. Anda bisa bookmark halaman ini dengan URL http://rpl4rt.blogspot.com/2013/01/cara-membuat-gambar-background-full-page.html?m=0. Terima kasih!
Ditulis oleh:
Dika - Jumat, 25 Januari 2013
sep
BalasHapus(y)
BalasHapus