درگذشته بیشتر طراحان صفحات وب، تصویر پس زمینه وب سایت خود را تنها به وسیله jquery،css و یا flash ایجاد نمایند.در این مقاله ما به شما آموزش می‌دهیم که تصویر پس زمینه وب سایت خود را،چگونه با CSS3 ایجاد نمایید.
CSS3 به ما اجازه می‌دهد که مقادیر مختلفی را برای خصوصیت اندازه صفحه یا همان “background-size” انتخاب نماییم. این خواص به صورت طول(‌‌length)، درصد (percentage)،پوشش (cover) و شامل (contain) می‌باشند.مقداری که دراین مطلب آموزشی اول بیان می‌شود،cover می‌باشد که مقیاس عکس به اندازه صفحه را می‌دهد که باعث می‌شود محیط محتوا و متن را کاملا پرکند. البته باید به این نکته اشاره کرد که ممکن است محدوده ای از عکس مورد نظر شما به خاطر رزولوشن صفحه یا اندازه صفحه مانیتور، نشان داده نشود. برای مثال سایت Centro Genesis را می‌توانید ببینید. اگر دقت کنید می‌توانید تفاوت عکس را در اندازه صفحه مانیتور بزرگ و معمولی ببینید. در تصویر زیر یک صفحه مانیتور یا مرورگر بزرگ نشان داده شده است.