يستغرق وضع صورة خلفية على موقع ويب خمس دقائق. يتم قضاء المزيد من الوقت في إعداد الصورة - التحديد والتعديل وإضافة التأثيرات وتكوين العديد من الرسوم التوضيحية في ملف رسومي واحد.
تعليمات
الخطوة 1
سمة الخلفية هي المسؤولة عن إدارة الخلفية. لتعبئة الصفحة بلون واحد بالتساوي ، استخدم علامة النمط في النص الأساسي:. ستكون الخلفية سوداء. إذا كنت تستخدم CSS ، فضع في رأسك: body {background-color: # 000000؛}
الخطوة 2
بمساعدة ارتباط ، يتم تعيين صورة متكررة. يتم تحديد العنوان كارتباط خارجي أو داخلي. عند استخدام هذه الطريقة ، من المهم أن تظل اللحامات بين الصور غير مرئية ، وإلا ستبدو الصفحة قذرة. في CSS ، استخدم: body {background-color: # 000000؛ background-image: url (images / pattern.png)؛}.
الخطوه 3
يمكن التحكم في تكرار النمط. تكرار الخلفية مسؤول عن هذه الوظيفة إلى جانب العناصر التالية: - تكرار x - التكرار الأفقي ؛ - التكرار - y - التكرار الرأسي: - التكرار - التكرار في كلا الاتجاهين ؛ - عدم التكرار - بدون التكرار. هذا: الجسم {لون الخلفية: # 000000؛ صورة الخلفية: url ("butterfly.gif") ؛ تكرار الخلفية: لا تكرار ؛ }
الخطوة 4
يساعد وضع الخلفية في وضع الصورة في الجزء المطلوب من صفحة الويب. يمكن ضبط الإحداثيات باستخدام النسبة المئوية (50٪ 75٪) ، السنتيمتر (5 سم 5 سم) ، أبعاد البكسل (200 بكسل 400 بكسل) ، صيغة الكلمات (يسار ، يمين ، أعلى ، وسط ، أسفل). على سبيل المثال: body {background-color: # 000000؛ صورة الخلفية: url ("butterfly.gif") ؛ تكرار الخلفية: لا تكرار ؛ مرفق الخلفية: ثابت ؛ موضع الخلفية: أسفل اليسار ؛ } القيمة 0٪ 0٪ تساوي أعلى اليسار.
الخطوة الخامسة
تحدد خاصية background-attachment ما إذا كان يتم تمرير الصور مع الصفحة (background-attachment: scroll) أم لا (background-attachment: Fixed).
