CSS Tutorial : Cara Mengatur Background Dengan CSS

0
Category: , ,

  1. Background-image
  2. Background-Color
  3. Background-Attachment
  4. Background-repeat
  5. Background-Position
Penjelasannya...




Background-image

Digunakan untuk Background berupa gambar...

Cara Penggunaan :
p {Background-image: url(logo.png);}



Background-color

Digunakan untuk Background Warna...

Cara Penggunaan :
p {Background-color: #000000;}

Hasil akan Berwarna Hitam...

Catatan :
Anda Bisa juga menggunakan kode warna Lain[#fffff,#00ffff,#ff0000,....]



Background-Attachment

 Dalam Bahasa Indonesia Attachment artinya Lampiran...Jadi lampiran backgroundnya ingin seperti apa. Apakah Diam[fixed] atau Bisa Keatas-Kebawah[scroll]...Jika digunakan "fixed", maka, background akan tidak bergerak jika Turun-naik scroll]

Contoh Penggunaan :
p {Background-attachment: fixed;}



Background-repeat

Digunakan untuk Pengaturan Pengulangan Gambar Background...

Contoh Penggunaan :
p {Background-repeat: repeat;}

repeat : Pengulangan Gambar keatas dan kebawah[tidak digunakan samasaja]
no-repeat : tidak Pengulangan Gambar
repeat-x : Pengulangan Gambar kekiri-kanan[Horizontal]
repeat-y : Pengulangan Gambar Keatas-bawah[Vertical]



Background-Position

Digunakan untuk Penempatan Gambar Background...

Cara Penggunaan :
p {Background-position: center;}

Center : Gambar Tengah
Top : Atas
Bottom : Bawah
Left : Kiri
Right : Kanan
[Bisa Juga Penggabungan]
top left : atas kiri
Bottom right : bawah kanan
Left center : kiri tengah
Dst...


dan pada akhirnya, Bisa Juga Digunakan Sekaligus...

Cara Penggunaan :
p {Background: #000000 url(rpl.png)repeat-x center fixed;}


Sepertinya Yang Terakhir Paling Gampang...