CSS - DIV Alanı Arkaplan Resmini Üst ve Alt Olarak Ayrı Ayrı Ayarlama (css background image on right and left of div)

Tasarım yaparken arkaplan resimlerini ayarlarken bazen üst ve alt ayrı ayrı resim koymak isteyebiliyoruz.  Aşağıdaki kod bir div için üst ve alt kısımları için ayrı ayrı arkaplan resmi ayarlamamızı sağlıyor.



.div{ background-image: url(../resimler/ap-ust.png), url(../resimler/ap-alt.png);
background-position: 0 0, 0 bottom;

Ayrıca sadece yatay alanda tekrar yapmasını istiyorsanız;
background-repeat: repeat-x, repeat-x;

şeklinde girmeniz yeterlidir.