CSS — تصویر پس زمینه (Background Image)

آخرین بروزرسانی: 1404/08/08

تصویر پس زمینه (Background Image)

«تصویر پس زمینه (Background Image)» یعنی عکسی که پشت محتوا می افتد. مرورگر به صورت پیش فرض آن را تکرار می کند تا کل المان پوشانده شود.

با ویژگی background-image می توانی برای صفحه یا هر المانی تصویر بگذاری. مقدار آن آدرس فایل تصویر است.

<style>
  body {
    background-image: url("paper.gif");
  }
</style>

اگر تصویر شلوغ باشد، متن سخت خوانده می شود. بنابراین، تصویر ساده تر انتخاب کن.

<style>
  body {
    background-image: url("bgdesert.jpg");
  }
</style>

نکته: تصویری انتخاب کن که مزاحم متن نشود.

می توانی فقط برای یک تگ خاص مثل <p> تصویر بگذاری.

<style>
  p {
    background-image: url("paper.gif");
  }
</style>

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