دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش CSS » فیلم آموزش CSS – خاصیت Background و Color
فیلم آموزش CSS - خاصیت Background و Color

فیلم آموزش CSS – خاصیت Background و Color

در این قسمت از فیلم آموزش CSS دستور Color  و Background را آموزش داده ایم . برای دیدن فیلم آموزش CSS جلسه قبل کلیک کنید .

خاصیت Color :

این ویژگی برای تغییر رنگ متن ها در CSS استفاده می شود . مقدار آن را می توانید به چندین صورت بنویسید که همه این ها را در فیلم آموزش CSS به طور کامل گفته ام ، در اینجا فقط به صورت جزئی میگم .

مقدار Color به صورت rgb در این حالت باید به صورت زیر بنویسید که مقدار اول برای رنگ قرمز ، مقدار دوم برای رنگ سبز ، مقدار سوم برای رنگ آبی است که هر کدام مقداری از 0 تا 255 را می گیرند .

مقدار Color به صورت هگزا دسیمال در این حالت اول باید علامت شارپ ( # ) را قراردهید و بعد سه تا مقدار از 0 تا F را برای هر کدام از رنگ ها مشخص کنید .

مقدار Color به صورت کلمه ، یعنی اسم رنگ رو بنویسید :

خاصیت Background ( بک گراند ) :

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

خاصیت background-image :

شما می توانید برای پس زمینه فقط یک تصویر قرار دهید برای این کار باید از خاصیت Background-image استفاده کنید در این صورت شما دیگر نمی توانید از رنگ استفاده کنید .

خاصیت background-color :

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

خاصیت background-position :

با این خاصیت می توانید محل قرار گیری پس زمینه را مشخص کنید مثلاً اگر تصویر دارید می توانید آن را به چپ یا راست ببرید .

خاصیت background-repeat :

با این خاصیت شما می توانید تعیین کنید که تصویر شما تکراز شود یا نه .

همه این ها را به صورت کامل در فیلم آموزش CSS زیر به شما آموزش داده ام :

کدهای HTML که در فیلم آموزش CSS استفاده شده است :

کدهای CSS که در فیلم آموزش CSS استفاده شده :

فیلم آموزش CSS را می توانید از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

عاشق برنامه نویسی

نظرات کاربران :


  1. تصفیه هوا گفت:

    سایت خیلی خوبی دارید لینکتونو برای چندتا از دوستام فرستادم بدردشون میخوره ،، ممنون

  2. soleymani گفت:

    ممنون مطلب مفیدی بود

جواب سوال چیه ؟ *