CSS – تصویر پس‌زمینه (Background Image)

خصوصیت background-image در CSS یک تصویر را به عنوان پس‌زمینه یک عنصر مشخص می‌کند.

به طور پیش‌فرض، تصویر به صورت تکراری تنظیم می‌شود تا کل عنصر را پوشش دهد.

مثال:

تصویر پس‌زمینه برای یک صفحه به این صورت تنظیم می‌شود:

body {
  background-image: url("paper.gif");
}

مثال:

در این مثال، ترکیب نامناسبی از متن و تصویر پس‌زمینه نمایش داده شده است که خواندن متن را دشوار می‌کند:

body {
  background-image: url("bgdesert.jpg");
}

نکته: هنگام استفاده از تصویر پس‌زمینه، از تصویری استفاده کنید که متن را دچار اختلال نکند.

تصویر پس‌زمینه برای عناصر خاص

شما می‌توانید تصویر پس‌زمینه را برای عناصر خاصی مانند تگ <p> نیز تنظیم کنید:

مثال:

p {
  background-image: url("paper.gif");
}

خصوصیت تصویر پس‌زمینه در CSS

خصوصیت توضیحات
background-image تصویر پس‌زمینه را برای یک عنصر تنظیم می‌کند

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.