CSS Background Image

CSS Background Image

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

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

مثال

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

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

آزمایش کنید

مثال

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

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

آزمایش کنید

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

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

مثال

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

آزمایش کنید