CSS 3 : Multiple Background

یکی از خصوصیات جالب که در CSS 3 اضافه شده این هست که میشه برای یک قسمت چندین زمینه تعریف کرد

به کد زیر توجه کنین :

background: url('http://www.parhamb.com/images/body-top.gif')
top left no-repeat,
url('http://www.parhamb.com/images/banner_fresco.jpg')
top 11px no-repeat,
url('http://www.parhamb.com/images/body-bottom.gif')
bottom left no-repeat,
url('http://www.parhamb.com/images/body-middle.gif')
left repeat-y;

بوسیله ی کد بالا میتونین یک Box طراحی کنین که هر کدام از اضلاع برای خودش تصویر خاص خودش را داره .

بزودی هم سایت www.stylesheets.ir میاد بالا که میتونین اونجا تمامی آموزش ها و مقالات مرتبط را ببینید