آموزش گذاشتن چند بک گراند در css

آموزش گذاشتن چند بک گراند در css

شاید خیلی از شما ها در بعضی از سایت ها دیده باشید که از چند تصویر برای بک گراند سایت خود استفاده میکنند .  امروز به شما آموزش گذاشتن چند بک گراند در css یاد خواهیم داد . به این نوع کد ، Multiple Backgrand گویند .

 

#a4fran3 {
background-image: url(img1.png), url(image2.png);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
}

 

در کد بالا در قسمت url بجای img1.png و image2.png باید آدرس تصویر یا پس زمینه خود را قرار دهید .

قسمت  backgrand-position  محل قرار گرفتن تصویر زمینه ها را مشخص میکند

 

کد بالارا بصورت خلاصه هم میتوان نوشت :

#a4fran3 {
background: url(img1.png) right bottom no-repeat, url(image2.png) left top repeat;
}