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 - آرایه‌ها (Arrays)

JavaScript – آرایه‌ها (Arrays)

آرایه در جاوااسکریپت متغیری خاص است که می‌تواند بیش از یک مقدار را ذخیره کند. const cars = ["Saab",...

بیشتر بخوانید
JavaScript - ویژگی‌های عدد (Number Properties)

JavaScript – ویژگی‌های عدد (Number Properties)

در جاوااسکریپت، شیء Number شامل ویژگی‌هایی از پیش تعریف‌شده است که برای کار با اعداد مفید هستند. این ویژگی‌ها...

بیشتر بخوانید
JavaScript - متدهای عدد (Number Methods)

JavaScript – متدهای عدد (Number Methods)

در جاوا اسکریپت، متدهایی برای کار با اعداد ارائه شده‌اند که می‌توانند روی تمامی اعداد استفاده شوند. متدهای مربوط...

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

نظرات

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

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