تصاویر پس‌زمینه CSS

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

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

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

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

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

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

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

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

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

آموزش پایه CSS