القائمة الرئيسية

الصفحات

كيفية التعامل مع الالوان وتغير الخلفية في لغة css الدرس الثاني



بسم الله الرحمان الرحيم 

درووس تعليم لغة ال css







الخلفيات و الالوان 




خاصية background-image 

تستخدم لوضع صورة كخلفية لاي عنصر 

طريقة وضع الصورة:

يمكنك تحميل اية صورة و وضعها في ملف css ونكتب الكود هكذا
لإدخال صورة  كخلفية للصفحة قم بتفعيل خاصية background-image للعنصر <body> وحدد مسار الصورة:



body {
background-color: #FFCC66;
background-image: url("تكتب اسم الصورة هنا.gif");
}

h1 {
color: #990000;
background-color: #FC9804;
}


و يمكن استدعاء الصورة من ملف خارجي و نكتب الكود هكذا:



body {
background-color: #FFCC66;
background-image: url("../images/تكتب اسم الصورة هنا.gif") ;
}

p {
color: #990000;
background-color: #FC9804;
}

او باستخدام عنوان url للصورة ونكتب الكود هكذا :


body {
background-color: #FFCC66;
background-image: url("تكتب هنا عنوان urlالصورة/butterfly.gif"). ;
}

p {
color: #990000;
background-color: #FC9804;
}

  و بهذا نكون قد انهينا درس اليوم الى اللقاء في الدرس القادم   لنكمل ما تبقى من درس

الالوان و الخلفيات



وان كان عندكم اي استفسار او راي حول الموضوع فضعه في 

التعليقات اسفل  والسلام عليكم 



الدرس التالي   من هنا


اذا كنت مدون ويهمك التعرف على مواضيع الربح من الانترنت الجديدة و التي تعطي فعاليتها ، لأنها نتائج تجربة لمدى سنوات من العمل . و بالأخص الربح من جوجل ادسنس لأنها الشركة المفضلة في الوقت الحالي و تضمن لك دخل شهري مناسب. نسعد بزيارة مدونتنا و الاستفادة من المواضيع الحصرية و الغنية بالمعلومات المفيدة و ستكتشف ذلك عندما تتصفح مواضيع المدونة. و لا تنسى متابعة المدونة لتصلك جديد المواضيع اولا. زيارة موقع مدونة التقنية