Sedikit Penjelasan Tentang Background
category : CSS, background, webdesign
Tags: background, tentang background
Yap,,kali ini saya akan bahas mengenai bagaimana menambahkan background dengan CSS. Namun, sebelumnya ini beberapa hal tentang background yang perlu kamu tau, dan mungkin kamu sudah tau hal-hal ini:
1. Background dapat berupa warna ataupun gambar, atau bahkan bisa terdiri dari dua unsur tersebut.
2. Kamu bisa ngasih background di elemen HTML manapun, kamu tinggal ubah-ubah selectornya aja.
Ada 6 property di CSS,yang bisa digunakan untuk menambahkan background pada dokumen HTML kita, yaitu background-color, background-image, background-attachment, background-position, background-repeat, dan background. Saya jelasin satu-satu ya
1. background-color
Sesuai namanya, guna dari property ini adalah memberi warna pada background. Value dari property ini ya warna-warna yang ingin diberikan pada background.
Contohnya:
body{
background-color:#000000;
}
Kode CSS di atas akan membuat tag body memiliki background berwarna hitam (#000000 = hitam).
2. background-image
Kalo property yang ini berguna untuk membuat image/gambar menjadi background. Valuenya seperti ini
url(letak gambar).
Contohnya, saya ingin membuat gambar “bg.png” menjadi background dari tag body yang terletak di folder images (folder images dan file HTMLnya ada dalam satu folder), maka CSSnya jadi seperti ini:
body{
background-image: url(images/bg.png);
}
