Untuk ini kita harus host lerengan gambar,perhatikan nilai akhir warna pada gambar dengan cara ini dan meletakkan di CSS:
background: # warna nilai url (link ke gambar) repeat-x;
Dalam hal tubuh (bawah halaman) misalnya, karena itu akan menjadi:
tubuh (
background: # e4db7e url (http://i27.tinypic.com/9v8rwk.png) repeat-x;)
gambar yang digunakan adalah:
Ariane tetapi, dan ini adalah di mana kolom-kolom putih template? Putih ini adalah latar belakang dari luar-wrapper, yang hanya menaikkan nilai warna yang Anda pilih, untuk penekanan:
# Outer-wrapper (
background: # ffffff)
Di bawah ini beberapa gambar saya yang dibuat dalam Photoshop gradients untuk digunakan di latar belakang dari item yang Anda inginkan, dengan nilai warna yang berulang pada akhir gambar. Ingat bahwa berapapun elemen yang menerima foto sebagai latar belakang, sintaks selalu sama:
background: # warna nilai url (menghubungkan host image) repeat-x;
Anda dapat host gambar di salah satu situs: imageshack, TinyPic, Photobucket (selain banyak orang lain).
Bagaimana menjadi tuan rumah pada gambar imageshack:
Pertama, menyimpan gambar pada komputer Anda untuk memilih latar belakang.
Imageshack di halaman, klik Browse ... dan jendela yang terbuka, mencari foto yang akan hospedar.Clique Terselesaikan kemudian mulai meng-upload! Menunggu untuk memuat foto dan halaman berikutnya, salin Link langsung, yang harus terpaku di tempat untuk kode latar belakang:
background: #valor da cor url(aqui o direct link) repeat-x;
 #d4dea1 |  #b1c357 |  #b8ddaa |  #61b3e3 |  #a7e2ff |  #92bfd6 |
 #75818f |  #626262 |  #6c7476 |  #a90329 |  #de8a04 |  #e05721 |
 #ffc20f |  #e9cfbe |  #eadadd |  #fe5695 |  #ea90ca |  #fea5c7 |
 #63d8ff |  #c2e117 |  #417ec1 |  #fffc00 |  #ffffff |  #ffffff |
 #636363 |  #323232 |  #fef2f9 |  #fffee1 |  #ce3963 |  #fee0ef |
 #ffd27d |  #b0ff05 |  #6effff |  #90aa96 |  #c6dce9 |  #fbe9d5 |
