نحوه قرار دادن پس زمینه در سایت

فهرست مطالب:

نحوه قرار دادن پس زمینه در سایت
نحوه قرار دادن پس زمینه در سایت

تصویری: نحوه قرار دادن پس زمینه در سایت

تصویری: نحوه قرار دادن پس زمینه در سایت
تصویری: آموزش قرار دادن ویدیو در پس زمینه سایت با css و html5 2024, ممکن است
Anonim

سابقه کاری سایت را می توان با تصویر زمینه دسکتاپ سیستم عامل خود مقایسه کرد. پس زمینه (پس زمینه) ، می توانید در چندین تغییر ایجاد کنید ، که در زیر بحث خواهد شد.

نحوه قرار دادن پس زمینه در سایت
نحوه قرار دادن پس زمینه در سایت

ضروری است

ویرایش فایل style.css

دستورالعمل ها

مرحله 1

پس زمینه تک رنگ ساده ترین نوع پس زمینه ، یک مزیت بزرگ حداقل بارگذاری صفحه با استفاده از چنین تصویری است. اگر فایل style (style.css) شامل دستوراتی نیست که رنگ پس زمینه را تنظیم می کند ، مرورگر به طور پیش فرض سفید را پیشنهاد می کند. برای تغییر رنگ از دستور background-color استفاده کنید. مثالی از استفاده از این دستور: background-color: # 3366CC.

گام 2

برای انتخاب یک رنگ خاص ، می توانید از نرم افزار خاصی استفاده کنید ، به عنوان مثال ، ویرایشگر گرافیک Adobe Photoshop. اگر هرگز با آن کار نکرده اید ، استفاده از خدمات وب توصیه می شود. یک نمونه قابل توجه موتور جستجو "Yandex" است ، به پیوند زیر https://yandex.ru بروید و عبارت "رنگ آبی" را وارد کنید. جدولی از رنگها در جلوی شما ظاهر می شود که در آن می توانید هرکدام را به دلخواه انتخاب کنید ، کد را کپی کرده و در کد سایت قرار دهید.

مرحله 3

بافت پس زمینه علاوه بر رنگ پس زمینه ، می توانید به هر صفحه از سایت خود یک تصویر یا الگوی تکرار شونده (بافت) اضافه کنید. برای این کار ، پس از وارد کردن رنگ پس زمینه ، دستور background-image را بنویسید ، به عنوان مثال ، background-image: url (img / uzor.png). مسیر ورود به پرونده باید در داخل براکت ها مشخص شود. شایان ذکر است که وضوح بافت می تواند از کوچکترین (16x16) شروع شود و با تصاویر در اندازه کامل برای اندازه صفحات سایت (800x600 و بیشتر) به پایان برسد.

مرحله 4

پس زمینه با استفاده از شیب. در این حالت ، شما از رنگ زمینه استفاده می کنید که با دستور background-color تنظیم شده است ، اما یک شیب ایجاد می کند. شیب می تواند افقی (x) و عمودی (y) باشد. اغلب اوقات ، از موقعیت افقی به عنوان شیب پس زمینه استفاده می شود ، بنابراین خط با شیب به این شکل خواهد بود: background-تکرار: تکرار-x.

توصیه شده: