WDI Wiki | WDI

Background

Background merupakan warna atau gambar yang disusun demi menciptakan efek latar belakang di sebuah halaman website. Background menjadi salah satu komponen yang perlu diperhatikan agar website yang Anda buat dapat mempunyai tampilan yang  menarik.  Terdapat banyak cara yang bisa Anda lakukan untuk penambahan background ke dalam sebuah elemen, mulai dengan penambahan warna, penambahan gambar, atau pun menggabungkan keduanya. Dengan CSS Anda akan mendapat kemudahan dalam mengatur tampilan visual sebuah elemen menjadi lebih menarik. CSS adalah kumpulan kode-kode untuk menghias dan mengatur gaya tampilan atau layout halaman web agar terlihat lebih elegan.

  • Dalam CSS terdapat 5 properties background yang dapat digunakan, yaitu :
  • 1. background-color
  • Untuk menentukan warna background dari sebuah elemen.
  • 2. background-image
  • Untuk menentukan background berupa gambar.
  • 3. background-repeat
  • Properti yang secara default dalam mengulang gambar secara horisontal dan vertikal. Gambar dapat diulang menggunakan repeat-x dan juga repeat-y.
  • 4. background-attachment
  • Properti yang menentukan bagaimana gambar akan terlihat, apakah fixed ( tidak dapat bergerak ketika discroll ) atau scroll ( dapat bergerak ketika discroll )
  • 5. background-position
  • Untuk menentukan posisi background.

Hal lain yang perlu Anda perhatikan ketika mengatur background adalah masalah pemilihan warna . Warna yang tepat dapat membuat pengunjung halaman web tetap bisa membaca teks dan melihat content website dengan nyaman.