كيفية وضع خلفية على الموقع

جدول المحتويات:

كيفية وضع خلفية على الموقع
كيفية وضع خلفية على الموقع

فيديو: كيفية وضع خلفية على الموقع

فيديو: كيفية وضع خلفية على الموقع
فيديو: تعلم css : كيفية وضع صورة كخلفية للصفحة | Background-Image 2024, شهر نوفمبر
Anonim

يمكن مقارنة خلفية العمل الخاصة بالموقع بخلفية سطح المكتب لنظام التشغيل الخاص بك. الخلفية (الخلفية) ، يمكنك إنشاء العديد من الأشكال ، والتي سيتم مناقشتها أدناه.

كيفية وضع خلفية على الموقع
كيفية وضع خلفية على الموقع

ضروري

تحرير ملف style.css

تعليمات

الخطوة 1

خلفية أحادية اللون. أبسط أنواع الخلفية ، الإضافة الكبيرة هي الحد الأدنى من تحميل الصفحة باستخدام مثل هذه الصورة. إذا كان ملف النمط (style.css) لا يحتوي على أوامر تحدد لون الخلفية ، يقترح المستعرض اللون الأبيض افتراضيًا. استخدم أمر لون الخلفية لتغيير اللون. مثال على استخدام هذا الأمر: background-color: # 3366CC.

الخطوة 2

لتحديد لون معين ، يمكنك استخدام برنامج خاص ، على سبيل المثال ، محرر الرسومات Adobe Photoshop. إذا لم تكن قد عملت معها من قبل ، فمن المستحسن استخدام خدمات الويب. ومن الأمثلة اللافتة للنظر محرك البحث "Yandex" ، انتقل إلى الرابط التالي https://yandex.ru وأدخل عبارة "اللون الأزرق". سيظهر أمامك جدول ألوان ، يمكنك من خلاله اختيار أي واحد يرضيك ، ونسخ الكود ولصقه في كود الموقع.

الخطوه 3

نسيج الخلفية. بالإضافة إلى لون الخلفية ، يمكنك إضافة صورة أو نمط متكرر دوريًا (نسيج) إلى أي صفحة من صفحات موقعك. للقيام بذلك ، بعد إدخال لون الخلفية ، اكتب أمر صورة الخلفية ، على سبيل المثال ، صورة الخلفية: url (img / uzor.png). يجب تحديد مسار الملف داخل الأقواس. تجدر الإشارة إلى أن دقة المظهر السطحي يمكن أن تبدأ من الأصغر (16 × 16) وتنتهي بالصور بالحجم الكامل لحجم صفحات الموقع (800 × 600 وأكثر).

الخطوة 4

الخلفية باستخدام التدرج. في هذه الحالة ، أنت تستخدم لون الخلفية الذي تم تعيينه باستخدام أمر لون الخلفية ، ولكنك تقوم بإنشاء تدرج. يمكن أن يكون التدرج أفقيًا (س) وعموديًا (ص). في أغلب الأحيان ، يتم استخدام الموضع الأفقي كتدرج للخلفية ، لذلك سيبدو الخط مع التدرج اللوني كما يلي: تكرار الخلفية: تكرار س.

موصى به: