dasar css (6) : Mengatur Background

CSS background digunakan untuk mendefinisikan efek background pada element HTML
Properti CSS yang dapat digunakan untuk mengatur background adalah:
background-color
background-image
background-repeat
background-attachment
background-position

Background COlor:
mendefinisikan warna background dari elemtn HTML
contoh

body {background-color:#b0c4de;}

pada CSS, setiap warna didefinisikan dengan menggunakan kode hex, atu RGB atau juga nama warna

Contoh Lagi:
berikut adalah contoh pewarnaan pada setiap tag html

h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}

Background Image
properti ini digunakan untuk mengaatur background elemtn HTML tapi menggunakan gambar.

contoh:

body {background-image:url('paper.gif');}

pada penggunaan background, ada juga properti yang digunakan untuk mengatur perulangan background,

contoh:

body
{
background-image:url('gradient2.png');
background-repeat:repeat-x;
}

pada contoh diatas menyeting agar gambar background berulang secara mendatar, apabila ingin berulang secara vertikal, maka gunakan value repeat-y, sedangkan apabila ingin tak ada perulangan gunakan value no-repeat.

SHORTHAND,
kamu juga dapat menggunakan perintah cepat dalam menuliskan CSS untuk menyeting background

contoh:

body {background:#ffffff url('img_tree.png') no-repeat right top;}

urutannya adalah

selector.class {background: warna url('gambar.jpg') perulangan posisi1 posisi2}

Coba LAngsung

Leave a Reply

Your email address will not be published. Required fields are marked *