background-image

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

ویژگی background-image، تصویری را به عنوان پس زمینه یک عنصر مشخص می‌کند.[۱]

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

مثال

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

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


مثال

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

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


هنگام استفاده از تصویر پس زمینه، از تصویری استفاده کنید که برای متن مشکلی ایجاد نکند.


منابع آموزشی