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

      Tinggalkan Balasan

      Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *