Background CSS

Assalamu'alaikum Wr. Wb.

A). Pendahuluan

    Bertemu lagi diblog saya, pada postingan kali ini kita akan membahas tentang background CSS. Kalau kalian ingin tahu lihat blog saya di bawah ini.

B). Pengertian

    Properties background dalam css digunakan untuk mendefinisikan efek background dalam suatu elemen 

C). Maksud dan Tujuan

     Memahami dan mengenal tentang background CSS.

D). Pembahasan
      Properties background dalam css digunakan untuk mendefinisikan efek background dalam suatu elemen.

       Properti latar belakang CSS digunakan untuk menentukan efek latar belakang untuk elemen.

Properti latar belakang CSS yaitu sebagai berikut :
    1). Background Color

          Properti background-color ini adalah untuk menentukan warna background dari sebuah element. Contoh penggunaannya yaitu seperti dibawah ini :

body {

background-color: #b0c4de;

}

Di dalam CSS, warna ditentukan oleh:

       - HEX value – seperti “#ff0000”

       - RGB value – seperti “rgb(255,0,0)”

       - Nama Warna – seperti “red”

    2). Background image

          Properti background-color ini adalah untuk menentukan background berupa gambar. Contoh penggunaan nya yaitu :

body {

background-image: url(“paper.gif”);

background-color: #cccccc;

}

    3). Background repeat

          Secara default, properti background-repeat mengulang gambar secara horizontal dan vertikal. Gambar dapat diulang dengan menggunakan repeat-x atau repeat-y.

body {

background-image: url(“paper.gif”);

background-repeat: repeat-y;

}

    4). Background attachment

          Properti ini menentukan bagaimana gambar terlihat, apakah fixed (tidak bergerak ketika discroll) atau scroll (bergerak ketika discroll). Value yang dapat digunakan yaitu scroll (mengikuti elemen), fixed (tidak mengikuti elemen), local, initial, dan inherit. Contoh penggunaannya yaitu: 

body {

background-image: url(‘w3css.gif’);

background-repeat: no-repeat;

background-attachment: fixed;

}

    5). Background position

          Kita dapat menentukan posisi background, value yang dapat digunakan antara lain:

1. left top
2. left center
3. left bottom
4. right top
5. right center
6. right bottom
7. center top
8. center center
9. center bottom

Contoh penggunaannya yaitu seperti dibawah ini :

body {

background-image: url(‘smiley.gif’);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

} 

E). Hasil yang Didapat

         Memahami dan mengenal apa itu background CSS dan macamnya. Selain itu saya juga dapat mengetahui contoh-contoh script-nya.

F). Hasil Kesimpulan
         Dari bacaan diatas, saya dapat menyimpulkan bahwa background CSS itu digunakan untuk mendefinisikan efek background dalam suatu element. Selain itu, background css berguna untuk mempercantik tampilan, sehingga apabila ditampilkan di browser background-nya akan menjadi lebih indah dan bagus. 

G). referensi

    https://www.w3schools.com/css/css_background.asp

Cukup sekian informasi yang dapat saya berikan pada hari ini, semoga bisa bermanfaat dan berguna buat orang lain. Jika ada kesalahan kata saya mohon maaf. Terima kasih telah mengunjungi blog saya,  dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

  ~ Wassalamu'alaikum Wr. Wb. ~