Penulisan Styling Background dengan CSS


Penulisan Styling Background dengan CSS
Penggunaan CSS Background untuk menentukan effect dan latar dari suatu elemen. Properti elemen antara lain :
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

Background-color

Suatu properti yang digunakan untuk menetapkan warna background dari suatu elemen Anda.
Untuk pewarnaan background dapat Anda lihat seperti script dibawah ini :
body {background-color : #b0c4de ;}

Background-image

Suatu properti yang digunakan untuk menentukan warna gambar pada background Anda.
Contoh scriptnya adalah sebagai berikut :
body {background-image:url(‘paper.gif’) ;}

Background-repeat

Properti ini digunakan untuk me-repeat gambar (mengulangi gambar), baik secara vertikal maupun horizontal. Propertinya adalah sebagai berikut :
  •  repeat
  •  repeat-x (pengulangan horizontal)
  •  repeat-y (pengulangan vertikal)
  •  no-repeat (tanpa pengulangan)
Contoh script :
body
{
background-image:url(‘gradient2.png’);
background-repeat:repeat-x;
}

Background-attachment

Properti ini digunakan untuk menentukan apakah gambar background tetap atau dapat di scroll dengan sisi lamannya.
  • scroll
  • fixed
  • inherit

Background-position

Properti ini digunakan untuk mengatur posisi awal dari background image.

Contoh script :
body
{
background-image:url(‘img_tree.png’);
background-repeat:no-repeat;
background-position:right top;
}

Penulisan Styling Background dengan CSS Penulisan Styling Background dengan CSS Reviewed by Ardy S on May 27, 2015 Rating: 5

No comments:

Powered by Blogger.