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

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

دسته بندی موضوعات
سفارش تبلیغات

Multiple Background در Css

CSS

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

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

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

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

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

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

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

 pic

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

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

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

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • علیرضا

    سلام فوق العاده بود خیلی ممنون!

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟