تصویر پس زمینه – تکرار تصویر پس زمینه با نمای افقی و عمودی

بازدید: 2203 بازدید

تصویر پس زمینه – تکرار تصویر پس زمینه با نمای افقی و عمودی

 

به صورت پیش فرض، خصوصیت image-background یک تصویر را با هر دو نما یا صورت افقی و عمودی تکرار می کند .
برخی از این تصاویر باید تنها به صورت افقی یا عمودی تکرار شوند، در غیر این صورت به گونه ای عجیب و نامتعارف به نظر می رسد، مشابه نمونه ی زیر :

 

body {
background-image: url(“gradient_bg.png”);
}

در صورتی که اگر تصویر مورد نظر تنها افقی تکرار شود ( repeat-x ) , پس زمینه ظاهر بهتری پیدا خواهد کرد

 

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

 

نکته جهت تکرار تصویری به صورت عمودی از ;background-repeat:repeat-y  بهره بگیرید .

 

در ادامه با اموزش های بعدی ما همراه باشید…