Sintaks CSS Background
Kode CSS background
ini biasanya digunakan untuk menetapkan latar belakang pada setiap elemen web.
Keindahan warna suatu web , tak luput dari pengaturan kode diatas. Background
ini memiliki 5 elemen pengaturan yang mendefinisikan fungsi efek dari
perwujudan bentuk pewarnaan. Mari kita mulai belajar bersama sama dimana letak
kehebatan dari sintaks CSS background ini ……
·
Background
image
Sudah
jelas, kata “image” pasti mengacu pada gambar,
ya… pastinya penulis tidak akan mengulas panjang lebar, langsung aja
silahkan lihat penulisan sintaksnya.
Background – image : url (‘link gambar’)
Ganti
tulisan “link gambar” dengan alamat url gambar yang anda kehendaki
·
Background color
Background
color digunakan untuk latar belakang yang berwujud warna. Kira- kira seperti
tembok yang akan dicat oleh pemiliknya….(sederhanakan)….mau dicat warna
apa backgroundnya terserah anda berikut
keteranganya !!
Background – color : # 000000 ;
#000000…..
warna hitam
#
fffffff….. untuk warna putih
Untuk
kode warna lainnya klik disini
·
Background
attachment
Background
attachment berfungsi sebagai cara penampilan sebuah background ganbar,
maksudnya gerakan gambar dari reaksi penggerakan halaman web anda. Nilai dari
attachment ada 2 macam yaitu :
1.
Fixed = gambar tidak bergerak walaupun cursor digerakkan
2.
scroll = gambar mengikuti arah cursor
Cara
penulisannya adalah sebagai berikut :
Background – attachment : nilai attachment;
·
Background
repeat
Sintaks
ini digunakan untuk mengaturperulangan, maksudnya ?????? maksudnya, background
gambar dalam web akan ditampilkan lagi dibawah backgroundnya seperti kita
mencopy dan paste dibawahnya objek. Anda dapat menentukan apakah gambar ingin
diulang secara vertical, horizontal, tidak diulang dan diulang dalam ukuran
halaman penuh. Penulis juga bingung menjelaskan kiasanya, langsung aja
praktekan cara penulisanya
Background – repeat : nilai ;
Ganti
kata “nilai” dengan kode bawah ini :
-repeat = mengulang halaman secara oenuh
-repeat
–y = mengulang gambar secara vertical
-repeat
–x = mengulang gambar secara horizontal
-no-repeat
= perintah tidak mengulang gambar
·
Background position
Background
position mengatur letak posisi background pada suatu web, ini mudah kok !! langsung
saja, penulis sudah laper nih …
Background – position : nilai ;
Untuk
posisi horizontal = left/right/center
Untuk
posisi vertical = top/middle/bottom
