ویژگی background-image در CSS
از ویژگی background-image، برای افزودن تصویر پس زمینه در المان ها استفاده می شود.
background-image: url("image address");در مقدار background-image، آدرس تصویر را قرار می دهیم.
body {
background-image: url('/pic-2.jpg');
}همچنین شما می توانید پس زمینه ای برای متن انتخاب کنید.
p {
background-image: url("/pic.jpg");
}نکته: توجه داشته باشید که آدرس تصویر باید داخل کوتیشن نوشته شود. در صورتی که آدرس بدون کوتیشن نوشته شود، اگر در آدرس، فاصله خالی باشد، کد اجرا نمی شود.
نکته: اگر تصویر کوچک باشد، به طور پیش فرض، تصویر تکرار می شود تا کل المان را پوشش دهد.
نکته: برای اطلاعات بیشتر، درباره آدرس دهی، به آموزش آدرس دهی در HTML مراجعه کنید.
خلاصه درس
- در این درس با ویژگی background-image در CSS آشنا شدیم.
توسعه دهندگان
احسان اسلامی
