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 تصویر پس‌زمینه را برای یک عنصر تنظیم می‌کند

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

Read more
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

Read more
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

Read more

Comments

Share your comments with us

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