به طور معمول ، رنگ زمینه اصلی یک صفحه وب با استفاده از Cascading Style Sheets (CSS) تنظیم می شود. کمتر معمول است که از قابلیت های زبان HTML (HyperText Markup Language - "Hypertext Markup Language") برای این مورد استفاده می شود. گاهی اوقات عناصر توصیف CSS در داخل برچسب های HTML قرار می گیرند.
دستورالعمل ها
مرحله 1
اگر می خواهید تعیین رنگ پس زمینه و به حداقل رساندن تغییرات کد منبع خود ، از ویژگی bgcolor برچسب body استفاده کنید. شرح همه عناصر صفحه در منبع صفحه در داخل بلوکی از کد HTML قرار می گیرد که با یک برچسب شروع می شود و با یک برچسب پایان می یابد. مشخصه bgcolor در برچسب باز مشخص شده و حاوی مقدار رنگ نامگذاری شده (به عنوان مثال قرمز یا شکلات) یا کد رنگ هگزادسیمال مربوطه است (به ترتیب # FF0000 یا # D2691E). در ساده ترین شکل ، چنین برچسبی را می توان نوشت ، به عنوان مثال ، مانند این: یا مانند این: هر دو گزینه رنگ قرمز یکسانی را برای پس زمینه سند تنظیم می کنند.
گام 2
اگر می خواهید رنگ پس زمینه یک سند را با استفاده از زبان توصیف سبک تنظیم کنید ، از ویژگی background-color استفاده کنید - این روش بسیار رایج است. بلوک های توصیف سبک را می توان در کد منبع سند گنجانید ، یا در یک فایل جداگانه با پسوند css نوشت. پیوند به یک فایل خارجی در قسمت عنوان صفحه (بین برچسب ها و) قرار می گیرد و چیزی شبیه به این است:import "style.css" ؛ اگر نیازی به انتقال دستورالعمل های CSS به یک پرونده اضافی نیست ، سپسimport "style.css" ؛ باید به عنوان مثال ، با آزمایش زیر جایگزین شود: body {background-color: Red؛} در اینجا body نشان می دهد که عبارت داخل پرانتزهای حلقه ای که رنگ زمینه قرمز را تعریف می کند ، به همان برچسب بدنه HTML مربوط می شود. و در اینجا چندین سیستم برای تعیین سایه های رنگ وجود دارد ، اما اغلب از کدهای هگزادسیمال استفاده می شود: body {background-color: # FF0000؛}
مرحله 3
ویژگی پس زمینه را با پس زمینه جایگزین کنید تا به طور خلاصه ساختار پس زمینه پیچیده تری توصیف شود. به عنوان مثال ، اگر علاوه بر پس زمینه یک رنگ خاص ، یک تصویر باید در پشت سند قرار گیرد. چنین توصیفی ممکن است به این شکل باشد: body {background: Red url (img / BGimage.gif) بدون تکرار ؛}
مرحله 4
براساس گزینه ای که انتخاب کرده اید ، کدی را که رنگ پس زمینه سند را تنظیم می کند ، آماده کرده و در منبع صفحه جایگذاری کنید. این کار می تواند انجام شود ، به عنوان مثال ، با استفاده از ویرایشگر آنلاین صفحات سیستم مدیریت محتوا یا در هر ویرایشگر متن.