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

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

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

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

 

به صورت پیش فرض، خصوصیت 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  بهره بگیرید .

 

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

 

 

 

 

همچنین بررسی کنید

۸۶۷۵۱۹۲۲۸d1d5325856fc61d710ded0e

چه نوع لینک هایی باید استفاده کرد ؟

سبک های معمول لینک     در مثال فوق لینک مربوطه بسته به حالت )state …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوسرویس و تعمیر کولر گازی