تصویر پس زمینه – تکرار تصویر پس زمینه با نمای افقی و عمودی
به صورت پیش فرض، خصوصیت 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 بهره بگیرید .
در ادامه با اموزش های بعدی ما همراه باشید…