قرار دادن تصویر پس زمینه در وب سایت یک کار پنج دقیقه ای است. زمان بیشتری برای تهیه تصویر صرف می شود - انتخاب ، تنظیم ، اضافه کردن جلوه ها ، ساخت چندین تصویر در یک فایل گرافیکی.
دستورالعمل ها
مرحله 1
ویژگی پس زمینه مسئول مدیریت پس زمینه است. برای پر کردن یکنواخت صفحه با یک رنگ ، از برچسب سبک در متن استفاده کنید:. پس زمینه سیاه خواهد بود. اگر از CSS استفاده می کنید ، در سر خود قرار دهید: body {background-color: # 000000؛}
گام 2
با کمک یک لینک ، یک تصویر تکراری تنظیم می شود. آدرس به عنوان یک پیوند داخلی یا خارجی مشخص شده است. هنگام استفاده از این روش ، مهم است که درزهای بین تصاویر به صورت نامرئی باقی بمانند ، در غیر این صورت صفحه شلخته به نظر می رسد. در CSS ، از: body {background-color: # 000000؛ background-image: url (images / pattern.png)؛} استفاده کنید.
مرحله 3
تکرار الگو قابل کنترل است. تکرار پس زمینه مسئول این عملکرد به همراه عناصر زیر است: - تکرار-x - تکرار افقی - - تکرار-y - تکرار عمودی: - تکرار - تکرار در هر دو جهت ؛ - تکرار نشدن - بدون تکرار. این تنظیم مانند this: body {background-color: # 000000؛ background-image: url ("butterfly.gif")؛ background-repeat: بدون تکرار ؛ }
مرحله 4
موقعیت پس زمینه به قرارگیری تصویر در قسمت مورد نظر صفحه وب کمک می کند. مختصات را می توان با استفاده از درصد (50٪ 75٪) ، سانتی متر (5 سانتی متر 5 سانتی متر) ، ابعاد پیکسل (200px 400px) ، فرم کلمه (چپ ، راست ، بالا ، مرکز ، پایین) تنظیم کرد. به عنوان مثال: body {background-color: # 000000؛ background-image: url ("butterfly.gif")؛ background-repeat: بدون تکرار ؛ پیوست پس زمینه: ثابت ؛ موقعیت پس زمینه: پایین سمت چپ؛ } مقدار 0٪ 0٪ برابر با بالا سمت چپ است.
مرحله 5
ویژگی پیوست پس زمینه مشخص می کند که تصاویر به همراه صفحه پیمایش می شوند (پس زمینه پیوست: پیمایش) یا خیر (پیوست پس زمینه: ثابت).