Dari tadi saya cari - cari ini cara, eh ternyata hanya sepele masalahnya. Kini saya akan membahas masalahnya, saya mencari ini karena disekolah tadi banyak yang bertanya masalah seperti ini saat membuat tampilan Login MikroTIK yang contoh gambar seperti diatas, itu buatan saya sendiri hanya saya rancang ulang dari dasarnya hehe. Dan saya juga belum tahu caranya bagaimana, jadinya saya cari - cari sendiri bagaimana caranya. Kalau masih ada yang belum tahu ikutin Script dibawah ini, Sudah ada penjelasannya kok, kalau belum mengerti silahkan bertanya dikomentar dan kalau ada yang mau menambahkan silahkan. Jadinya sama - sama belajar OK, Silahkan dicoba.
<style type="text/css">
body{
background: url('images/background.jpg') no-repeat scroll;
background-size: 100% 100%;
min-height: 700px;
}
</style>
Penjelasan :
- <style type="text/css"> adalah kode pembuka dari tag Style CSS.
- body{ adalah kode css ini nantinya berlaku untuk semua body website.
- background: url('images/background.jpg') adalah kode untuk memanggil background website. images/ adalah direktori dari gambar kita, sedangkan background.jpg adalah nama dari background kita.
- no-repeat scroll; adalah kode untuk memerintahkan agar tidak mengulang / menggandakan background.
- background-size: 100% 100%; adalah untuk mengatur besarnya background, disini kita memakai 100% agar besarnya background nantinya mengikuti semua resolusi layar.
- min-height: 700px; adalah tinggi minimal dari tampilan background.
- </style> adalah tag penutup dari Style CSS.
