background-image

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

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

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

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

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

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

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

منابع آموزشی