آموزش های کوچک » نتایج بزرگ همراه با آموزش فارسی

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

images-1

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

 

به صورت پیش فرض، خصوصیت image-background یک تصویر را با هر دو نما یا صورت افقی و عمودی تکرار می کند .

css image 300x190 - تصویر پس زمینه – تکرار تصویر پس زمینه با نمای افقی و عمودی

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

 

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

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

 

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

 

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

 

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

 

 

 

 

برچسب‌ها:
آموزش فارسی

تیم آموزش فارسی تمامی تلاش خود را در راستای رضایت و بالابردن علم و دانش شما عزیزان به کار می برد تا ذره کوچک برای جبران اعتماد و قدردانی شما کاربران گرامی باشد پس در این راه با اشتراک گذاری مطالب این سایت در شبکه های اجتماعی خودتان همچنین با ارسال نظرات و انتقادات خود ما را یاری رسانید...

نوشته‌های مرتبط

قوانین ارسال دیدگاه

  • چنانچه دیدگاهی توهین آمیز باشد و متوجه اشخاص مدیر، نویسندگان و سایر کاربران باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.
  • چنانچه از لینک سایر وبسایت ها و یا وبسایت خود در دیدگاه استفاده کرده باشید تایید نخواهد شد.
  • چنانچه در دیدگاه خود از شماره تماس، ایمیل و آیدی تلگرام استفاده کرده باشید تایید نخواهد شد.
  • چنانچه دیدگاهی بی ارتباط با موضوع آموزش مطرح شود تایید نخواهد شد.
دیدگاه‌ها

*
*

تخفیف 30%
کد تخفیف 75%
کد تخفیف 100%
تخفیف 50%
دانلود مقاله اشتباهات هزینه دار سئو SEO
کد تخفیف 13%
کد تخفیف 20%
کد تخفیف 90%
شانس خود را برای دریافت جایزه دریافت کنید!
آدرس ایمیل و تلفن همراه خود را وارد کنید و چرخ را چرخانید. این شانس شما برای به دست آوردن تخفیف های شگفت انگیز است!