ویژگی background-image در CSS برای تعیین تصویری بهعنوان پسزمینه یک عنصر HTML استفاده میشود.
بهصورت پیشفرض، تصویر پسزمینه بهطور خودکار تکرار میشود تا کل فضای عنصر را پوشش دهد.
در مثال زیر، تصویری با نام paper.gif بهعنوان پسزمینه عنصر <body> (کل صفحه) تنظیم شده است:
body {
background-image: url("paper.gif");
}
در این مثال، تصویر پسزمینه انتخابشده باعث شده خوانایی متن کاهش یابد و متن بهسختی قابل مشاهده باشد:
body {
background-image: url("bgdesert.jpg");
}
نکته: هنگام استفاده از تصویر پسزمینه، حتماً تصویری انتخاب کنید که باعث اختلال در خوانایی متن نشود. تصاویر با کنتراست بالا یا جزئیات زیاد ممکن است خواندن متن را دشوار کنند.
علاوه بر عنصر <body>، میتوان تصویر پسزمینه را برای سایر عناصر HTML مانند <p> نیز تنظیم کرد.
p {
background-image: url("paper.gif");
}
background-image در CSS| ویژگی | توضیح |
|---|---|
background-image | تصویری را بهعنوان پسزمینه یک عنصر تنظیم میکند |
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://www.w3schools.com/css/