آموزش تصویر پس زمینه در CSS

آموزش ویژگی background-image در CSS

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

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

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

نکته: وقتی که از یک تصویر پس زمینه استفاده می کنید، از تصویر استفاده کنید که مزاحم متن ها نباشد.

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

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