CSS Background

|
Properti Background adalah untuk membuat efek latar belakang pada sebuah element pada web / blog.
Ada beberapa macam properti pada Background sebagai berikut:

  • Background Color, berfungsi untuk mengatur latarbelakang sebuah element dengan warna solid.
    Contoh:

h1 {background-color:#FFFFFF;}
  • Background Image, berfungsi untuk mengatur latarbelakang sebuah element dengan gambar.
    Contoh:
h1 {background-image: url(nama-gambar.gif);}
  • Background Repeat, berfungsi untuk mengatur latarbelakang sebuah element dengan gambar yang dapat diulang atau tidak.
    Contoh:
h1 {background-image: url(nama-gambar.gif);
background-repeat: no-repeat;}
selain bernilai no-repeat juga dapat bernilai inherit, repeat, repeat-x dan repeat-y.
cobalah satu persatu untuk melihat efek yang terjadi!.
  • Background Attachment, berfungsi untuk mengatur latarbelakang sebuah element dengan gambar, apakah dapat digulirkan atau tidak.
    Contoh:
h1 {background-image: url(nama-gambar.gif);
background-attachment: fixed;}
selain bernilai fixed juga dapat bernilai inherit dan scroll
cobalah satu persatu untuk melihat efek yang terjadi!.
  • Background Position, berfungsi untuk mengatur letak/posisi gambar latarbelakang sebuah element.
    Contoh:
h1 {background-image: url(nama-gambar.gif);
background-repeat: no-repeat;
background-position: top;}
selain bernilai top juga dapat bernilai inherit, center, left, right, dan bottom
cobalah satu persatu untuk melihat efek yang terjadi!.
  • Background, berfungsi untuk mendeklarasikan semua background properti menjadi satu. Cara ini paling banyak digunakan oleh web designer karena dapat mempersingkat waktu kerja anda.
    Contoh:
h1 {background:#FFFFFF url(nama-gambar.gif) no-repeat left top;}

2 komentar:

  1. bisa ngak dimasukan dg file swf (flash)
    Balas y
    Plus

    title Bs bergerak pakai skrip apa y seperti title web anda???

    BalasHapus
  2. bisa saja..tapi file swf nya di upload dlu di tempat penyimpanan online kyk 4 shared

    untuk bisa buat kyk gitu nih alamatnya http://fhasixteen-tutorial.blogspot.com/2010/12/cara-membuat-teks-berjalan-di-adressbar.html

    sebenarnya mau aku jelasin dsni cuma ga bisa comment kalau script

    BalasHapus

Next Prev
▲Top▲