آموزش طراحی وب

Multiple Background در Css

در این جلسه ی آموزشی ، توضیح میدیم که چطور میتونید چند Background بصورت همزمان استفاده کنید .

CSS

فصل چهارم : Properties در CSS

جلسه دوم  : Multiple Background  در Css

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

در جلسه ی پیش در رابطه با background و انواع خاصیت background  صحبت کردیم . در این جلسه میخوام استفاده از چند تصویر پس زمینه بصورت همزمان رو آموزش بدم .

شما میتونید چند تصویر رو روی هم قرار بدید و چند  background داشته باشید . برای این کار کافیه از دستورات زیر استفاده کنید :

 تصویری که قراره روی همه ی تصاویر قرار بگیره در ابتدا قرار میدید و به ترتیب تصاویر دیگه رو بعد از اون قرار میدید . برای تعیین مقادیر برای خصوصیات  background-position و  background-repeat هم باید به ترتیب تصاویر در  background-image توجه کنید .

نتیجه ی کدهای بالا تصویر زیر خواهد بود :

 pic

برای multiple background ها نمیتونید خلاصه نویسی داشته باشید و باید از خاصیت ها بصورت مجزا استفاده کنید .

خوب دوستان این جلسه ی آموزشی هم به اتمام رسید . امیدوارم مفید واقع شده باشه .

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین