خانه / سی_اس_اس_CSS / آموزش خاصیت های image – set position و no-repeat

آموزش خاصیت های image – set position و no-repeat

آموزش خاصیت های image – set position و no-repeat

آموزش خاصیت های image - set position و no-repeat
آموزش خاصیت های image – set position و no-repeat

 

نکته حین استفاده از یک تصویر پس زمینه، سعی کنید از آن تصویری استفاده کنید که قالب متن را برهم نمی زند .
به منظور نمایش تصویری برای تنها یکبار کافی است از خاصیت background-repeat بهره بگیرید (این خاصیت تعریف می کند که تصویر مربوطه تنها یک مرتبه تکرار شود )

مثال

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

در مثال فوق، تصویر پس زمینه درست در مکانی یکسان با متن نمایش داده شده است .
حال می خواهیم موقعیت (position)تصویر را تغییر دهیم تا از این طریق تصویر مذکور شکل متن مورد نظر را برهم نزد .
موقعیت تصویر توسط خاصیت background-position تعیین می گردد

مثال

body {
background-image: url(“img_tree.png”);
background-repeat: no-repeat;
background-position: right top;
}

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

 

 

 

 

 

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

۸۶۷۵۱۹۲۲۸d1d5325856fc61d710ded0e

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

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

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

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

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