Dengan menggunakan CSS, kita dapat membuat variasi background untuk interface halaman web kita. Berikut ini adalah contoh2nya:

Mendefinisikan background dengan warna kuning

p { background-color: yellow; }

Menggunakan image untuk background halaman

body
{
background-image: url(“gambar.jpg”)
}

Membuat watermark (jika discroll, gambar tidak akan bergerak)

body
{
background-image: url(“gambar.jpg”);
background-attachment: fixed
}

Mengulang gambar ke samping

body
{
background-image: url(“gambar.jpg”);
background-repeat: repeat-x;
}

Mengulang gambar ke bawah

body
{
background-image: url(“gambar.jpg”);
background-repeat: repeat-y;
}

Meletakkan background pada posisi tertentu

body
{
background-image: url(“teepees.jpg”);
background-repeat: no-repeat;
background-position: 100px 50px
}

body
{
background-image: url(“teepees.jpg”);
background-repeat: no-repeat;
background-position: 50% 50%
}