كيفية صنع صورة خلفية في HTML و CSS. 3 طرق بسيطة

يحدد لون الخلفية للخروج من اللوحة. يتزامن لون وريث دائما مع لون عنصر الجد.
تحيات. في هذه المقالة، أريد أن أخبر حوالي ثلاث طرق لوضع صورة كخلفية من الصفحة بأكملها باستخدام HTML + CSS فقط (بدون استخدام JS).

تحيات. في هذه المقالة، أريد أن أخبر حوالي ثلاث طرق لوضع صورة كخلفية من الصفحة بأكملها باستخدام HTML + CSS فقط (بدون استخدام JS).

لذلك، متطلبات صورة الخلفية نحن على النحو التالي:

  • عرض 100٪ ارتفاع الصفحات
  • مقاييس الخلفية إذا لزم الأمر (تمتد الخلفية أو ضغطها اعتمادا على حجم الشاشة)
  • لصق نسب الصور (نسبة العرض إلى الارتفاع)
  • الصورة التي تركز على الصفحة
  • الخلفية لا تسبب مخطوطات
  • الحل هو الحد الأقصى crossbrawser
  • لا توجد تقنيات أخرى تستخدم باستثناء CSS

يحدد لون الخلفية للخروج من اللوحة. يتزامن لون وريث دائما مع لون عنصر الجد.

طريقة 1

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

تثبيت خلفية ثابتة ومترافهة، ثم ضبط حجمها باستخدام حجم الخلفية: غطاء .

لغة البرمجة { 

صورة الخلفية: URL (Images / background.jpg)؛

خلفية كرر: لا تكرار؛

موقف الخلفية: مركز المركز

مرفق الخلفية: ثابت؛

-Webkit - حجم الخلفية: غطاء؛

-moz-backgines-size: غطاء؛

- في الخلفية الحجم: غطاء؛

حجم الخلفية: غطاء؛ 
} 

التجريبي

هذه الطريقة تعمل في

  • كروم (أي إصدار)
  • أوبرا 10+.

فايرفوكس 3.6+

سفاري 3+.

أي 9+.

من أجل تحميل الصور بسرعة، ضع مواقعك فقط من مزودي الاستضافة المثبتة، على سبيل المثال، beget.com 
محركات المستخدمين ومحركات البحث أحب المواقع السريعة. 

صورة الخلفية: URL (Images / background.jpg)؛

الطريقة 2.

تنص هذه الطريقة على استخدام عنصر IMG، وسيقوم حجمها باختلاف حجم نافذة المتصفح. لتمديد الصورة إلى ملء الشاشة، يحتاج إلى ضبط الحد الأدنى والعرض بقيمة 100٪. ولذا فإن الصورة غير مضغوطة بحجم أصغر من الأصل، قم بتثبيت MIN-WIDTH مع قيمة العرض المساواة في الصورة.

إذا كان عرض النافذة أقل من عرض الصورة، فسيتم استخدام استعلام الوسائط لمحاذاة الخلفية في المركز.

يرث.

<img src = "/ images / background.jpg" class = "الخلفية" />

img.background { مين الطول: 100٪؛ Min-Width: 640px؛ العرض: 100٪؛ الارتفاع: السيارات؛

الموقف: ثابت؛ أعلى: 0؛ اليسار: 0؛

/ * يعتمد على حجم الصورة * /

media الشاشة و (الحد الأقصى لعرض: 640px) { img.bg { и اليسار: 50٪؛ هامش اليسار: -320px؛ } } } التجريبي

يرث كل خصائص العنصر الأصل

هذه الطريقة تعمل في:

أي إصدارات من المتصفحات الجيدة (Chrome، Opera، Firefox، Safari) أي 9+. и الطريقة الثالثة. . طريقة أخرى هي كما يلي: إصلاح الصورة <IMG /> إلى الركن الأيسر العلوي من الصفحة وتمتدها باستخدام خصائص الحد الأدنى وعرضها وقليل من 100٪، مع الحفاظ على نسبة العرض إلى الارتفاع. صحيح، مع هذا النهج، الصورة غير مركزة. ولكن تم حل هذه المشكلة عن طريق ملفوفة الصورة في <div />، والتي نجعلها 2 أضعاف حجم النافذة. والصورة نفسها نحن تمتد ونضع في المركز. <div class = "الخلفية"> <img src = "/ images / background.jpg" />

</ div> div.background { <div class = "الخلفية"> الموقف: ثابت؛

أعلى: -50٪؛

اليسار: -50٪؛ } العرض: 200٪؛ الارتفاع: 200٪؛ }

img { الموقف: المطلق؛ أعلى: 0؛

اليسار: 0؛ اليمين: 0؛ :

أسفل: 0؛

الهامش: السيارات؛ Min-Width: 50٪؛ الحد الأدنى من الارتفاع: 50٪؛ } .

هذه الطريقة تعمل في متصفحات جيدة و IE 8+.

آمل أن تكون هذه المعلومات مفيدة لك. شخصيا، كثيرا ما أستخدم هذه الأساليب، خاصة أولا. بالتأكيد هناك طرق أخرى لوضع صورة على الخلفية الخلفية مع CSS. إذا كنت تعرف عنها، حصة، يرجى التعليقات. تعيين لون الخلفية و / أو صورة لصفحة أو عنصر منفصل بسيط بما فيه الكفاية. الشيء الرئيسي هو معرفة أين وكيف يمكن القيام به، وكذلك للحصول على رمز اللون و / أو صورة خلفية. من الممكن ذلك من هذه المقالة، سوف تتعلم الكثير من الأشياء الجديدة، لكنني قمت بإنشائها خصيصا للمبتدئين. لذلك، سيكون كل شيء قصيرا قدر الإمكان والتفصيل في وقت واحد. الشيء الرئيسي هو أنك لن تتلقى فقط العرض التقديمي العام والأمثلة الجاهزة، ولكن أيضا فهم كيفية صنع خلفية في HTML. لتعيين الخلفية في HTML استخدم Doctype المتوسط وسوف أبدأ بحقيقة ذلك HTML5. لا يوجد إمكانية لتعيين الخلفية للموقع. تقرر هذه الميزة تحملها في CSS. لذلك، إذا كنت تخطط للاستخدام أدناه، وتريد الحصول على صالحة » (صيح) الرمز، تحتاج إلى البقاء في نوع الانتقال من المستند. للقيام بذلك، يجب أن تبدأ صفحة الويب الخاصة بك بالطرق التالي: <! doctype html العام "- // w3c // dtd html 4.01 » انتقالي // en "" http://www.w3.org/tr/html4/loose.ddd ">

الوقت للدروس العملية

كيف هي الخلفية على صفحة ويب؟ (#)إذا احتجت بها، فلنمت لفهم كيفية إنشاء الخلفية. وأول شيء هنا يجب أن يلاحظ - هذا هو الفرق بين

لون الخلفية

صورة الخلفية

وبعد في البداية

لون الخلفية اليسار: 50٪؛ التي الفيضانات جميع مساحة الصفحات المتاحة أو عنصرها. المتكرر على رأسه صورة الخلفية }

وبعد بصريا، يمكن تصوير ذلك على النحو التالي: الموقف: المطلق؛ أعلى: 0؛

مستند HTML وعناصره

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

الشيء الثاني الذي تحتاج إلى معرفته هو الفرق بين

هيئة الوثيقة اليمين: 0؛ :

عنصر الوثيقة

هيئة الوثيقة

المشار إليها في رمز HTML لعلامة صفحة الويب

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

وبعد من الجدير بالذكر أنه يمكنك تعيين صورة اللون و / أو الخلفية باستخدام HTML إلى جميع عناصر المستند. على سبيل المثال، يمكن تحديد صورة الخلفية فقط للجداول. بشكل افتراضي، عادة ما يكون لديهم خلفية شفافة. الموقف: المطلق؛ أعلى: 0؛

سمة BGColor لإنشاء لون الخلفية

من أجل السؤال

يتم استخدام المستند أو عناصره السمة الارتفاع: 200٪؛ и صورة الخلفية BGColor. ، على سبيل المثال: <body bgcolor = "# EC008C">

<! - هيئة المستند ->

</ هيئة>

في هذه الحالة، حددنا لون الخلفية للصفحة ككل. ولكن مثال على كيفية تعيين لون الخلفية للجدول، في العلامة الطاولة <table bgcolor = "# EC008C"> <tr> <td> النص مع الخلفية </ td> </ tr> </ table>

من الجدير بالذكر أن لون الخلفية في الجدول يمكن أيضا تحديد الصفوف في العلامة

ثاني وللخلتات الخاصة بهم في العلامة TD.

كيفية معرفة رمز اللون؟ ربما لاحظت بالفعل أن اللون في HTML يتم تعيينه إلى خاص الشفرة لغة البرمجة ، على سبيل المثال:

# EC008C.

  • وبعد لمعرفة الرمز الذي تحتاجه اللون الذي يمكنك استخدامه أحد محرري الرسومات. على سبيل المثال، في Photoshop يمكنك استخدام "
  • أداة القطارة.
  • (ماصة)

للحصول على لون من نقطة في الصورة. ثم تحتاج إلى النقر فوق اللون الناتج على شريط الأدوات وفي النافذة التي تفتح "

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

يمكنك أيضا استخدام العديد من الخدمات عبر الإنترنت، على سبيل المثال: 
مبدأ عملهم أسهل - انقر باللون المرغوب واحصل عليه. خلفية السمة لإنشاء صورة خلفية وكذلك في حالة لون الخلفية وفي حالة
تحتاج إلى استخدام سمة خاصة، وهي 
معرفتي. 
<خلفية الجسم = "/ 2014/06 / bg.jpg">

В لغة البرمجة في هذه الحالة، نسأل صورة الخلفية للصفحة ككل. من الجدير بالذكر أنه نظرا لقيود حجم الصورة، سيتم تكراره، على سبيل المثال: كما ترى، عند التكرار، يكون الانتقال بين الصور ملحوظا. لذلك، غالبا ما يتم استخدام الصور الخاصة، حيث يتم أخذ هذه اللحظة في الاعتبار. ولكن مثال على كيفية تعيين صورة خلفية للطاولة، في علامة

<خلفية الجدول = "/ 2014/06 / bg.jpg"> <tr> <td> النص مع الخلفية </ td> </ tr> </ table> لغة البرمجة من الجدير بالذكر أن الصورة الخلفية يمكن ضبطها فقط على الجدول كخلية كاملة و / أو خلايا منفصلة. للحصول على سلسلة لن تعمل. خلفية السمة لإنشاء صورة خلفية .

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

عنوان URL الكامل <خلفية الجسم = "/ images / bg.jpg"> .

في هذه الحالة، لن تكون لديك مشاكل معتمدة. لمزيد من المعلومات يمكنك أن تقرأ هنا.

دعونا تلخيص 
باستخدام سمات عفا عليها الزمن الأخلاقي، لأنه مقابل صحة رمز HTML، سيتعين عليك استخدام الانتقال doctype.

وبعد لتعيين لون الخلفية في HTML، يستخدم رموز خاصة يمكنك معرفةها في محرر رسومي أو استخدام خدمات خاصة عبر الإنترنت. يتم تكرار الصورة الخلفية في ذيول المنطقة المخصصة والأكاذيب على رأس لون الخلفية. لتحديد صورة خلفية، من الأفضل استخدام عنوان URL الكامل. لدي كل شيء على هذا. شكرا للاهتمام. حظا سعيدا!

رابط قصير: http://goo.gl/03tsnz كيفية جعل خلفية للموقع؟ ستبدو أي غرفة أفضل بكثير إذا ارتفعت أرضيةها عزيزي السجاد الفارسي. لذلك أسوأ موقعك؟ ربما حان الوقت وطابعه " جلس
  • »قصر المصنوعة يدويا باهظة الثمن. سوف نفهم المزيد حول كيفية جعل خلفية للموقع:
  • يحدث أن التصميم القديم للموقع قد حان بالفعل. وأريد شيئا جديدا ولذيذا. والتصميم الجديد سيكون مثل طهيها بأيديك.
  • ولكن لتغيير كل تصميم الموارد بنفسك - الشيء غير ممتن. نعم، وليس كل شخص لديه شيء في هذا. "
  • شحذ

"يد. لذلك، من الأسهل تحديث القالب القديم، وتغيير لون خلفية المورد أو صورة الخلفية الخاصة به.

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

لون الخلفية.

سمة النمط 

أسلوب. وبعد هذا هو، لتعيين اللون الأساسي لصفحة الويب، تحتاج إلى تسجيله داخل العلامة <body>. على سبيل المثال: <نمط الجسم = "لون الخلفية: # 55D52B"> <p> خلفية الموقع # 55D52B </ p> </ body>

بالإضافة إلى رمز اللون سداسي عشري، يتم دعم القيمة بتنسيق الكلمة الأساسية أو

RGB. 

وبعد أمثلة:

<نمط الجسم = "اللون الخلفية: RGB (51،255،153)"> <p> خلفية موقع RGB (23،113،44) </ p> </ body> <نمط الجسم = "اللون الخلفية: أخضر"> <p> خلفية الموقع الأخضر </ p> </ body> وضع لون الخلفية باستخدام الكلمات الرئيسية له عدد من القيود مقارنة بالطرقتين المتبقية.

مجموع 16 كلمة رئيسية مدعومة لوضع اللون. هنا بعض منهم:

أبيض، أحمر، أزرق، أسود، أصفر آخر. لذلك، من أجل ضبط الخلفية للموقع

من الأفضل استخدام تنسيق سداسي عشري أو 

بالإضافة إلى اختيار اللون، تتوفر الإعدادات الأخرى. إذا الممتلكات تعيين القيمة شفاف

سوف تصبح خلفية الصفحة شفافة. يتم تعيين هذه القيمة هذه الخاصية بشكل افتراضي. الآن النظر في إمكانية لغة التشفاء النصية لتثبيت نمط الخلفية للموقع. من الممكن جعله يستخدم العقار. الصورة الخلفية.

مثال: 

<نمط الجسم = "صورة خلفية: URL (IMG_1809.JPG)"> </ body>

كما يمكن أن ينظر إليها من التعليمات البرمجية، تحدث ملزمة الصورة من خلال المسار

عنوان URL

نشر بين قوسين. ولكن ليس كل الصور تتحول إلى أن تكون كبيرة جدا من أجل ملء المنطقة بأكملها من الشاشة بأحجامها. دعونا نرى كيف سيتم عرض الرقم الأصغر.

لنفترض أننا نقوم بتطوير موقع حول الشعر، وكركيزة تحتاج إلى استخدام صورة Pegasus. سوف يمثل الحصان المجنح حرية الفكر الإبداعي للشاعر!

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

ربما ستكون أربع خيول مبتسم بأجنحة من الشعراء أكثر من اللازم للإلهام. لذلك، حظر استنساخ بيغاسوس لدينا. هل تستخدم العقار

تكرار الخلفية. وبعد القيم الممكنة: كرر X - تكرار صورة الخلفية أفقيا؛

لذلك، نحن نيسر مهمة تعيين الخلفية الخلفية من صورتين: الرسوم المتحركة والصورة العادية. في هذه الحالة، سيتم إصلاح الرسوم المتحركة GIF، ويتم تمرير الرسم مع محتويات الصفحة.

كرر ذ - عموديا؛

كرر - على كلا المحورين؛

لا تكرار - إعادة التكرار محظور.

من بين الخيارات المدرجة التي نهمها في الماضي. قبل تغيير خلفية الموقع، نستخدمها في التعليمات البرمجية الخاصة بك:

<نمط الجسم = "صورة الخلفية: URL (3.jpg)؛ خلفية كرر: عدم تكرار"> </ body>

ولكن، بالطبع، من الأفضل أن تقع Letow لدينا في منتصف الشاشة. ملكية

موقف الخلفية فقط يهدف إلى وضع نمط الخلفية على الصفحة. قم بتعيين إحداثيات الموقع بعدة طرق:
وبعد هذا هو، لتعيين اللون الأساسي لصفحة الويب، تحتاج إلى تسجيله داخل العلامة <body>. على سبيل المثال: الكلمة الرئيسية (
<خلفية الجسم = "/ images / bg.jpg"> أعلى، أسفل، مركز، يسار، يمين)
أو النسب المئوية - يبدأ العد التنازلي من الزاوية اليسرى العليا؛
ستبدو أي غرفة أفضل بكثير إذا ارتفعت أرضيةها عزيزي السجاد الفارسي. لذلك أسوأ موقعك؟ ربما حان الوقت وطابعه " في وحدات التدبير (
(اختيار اللون) بكسل
). نحن نستخدم أسهل خيار للمركز:

<نمط الجسم = "صورة الخلفية: URL (3.jpg)؛ خلفية - كرر: عدم التكرار؛ موقف الخلفية: أعلى المركز"> </ body>

يحدث ذلك تحتاج إلى إصلاح موضع الرسم عند التمرير. لذلك، قبل إنشاء صورة للموقع، استخدم خاصية خاصة.

مرفق الخلفية.

وبعد قيم صالحة: <ul> <li> التمرير؛ </ ​​li> <li> ثابت. </ li> </ ul>

نحن بحاجة إلى المعنى الأخير. الآن ستبدو رمز مثالنا مثل هذا: [/ html] 
<style body style = "صورة الخلفية: URL (3.jpg)؛ خلفية - كرر: عدم التكرار؛ موقف الخلفية: أعلى المركز؛ مرفق الخلفية: ثابت"> </ body> 

في المثال الأول، للخلفية، استخدمنا مناظر طبيعية صحراء كبيرة وجميلة. ولكن لمثل هذا الجمال عليك أن تدفع كامل. يمكن أن يصل وزن الصورة المنجزة بجودة عالية إلى عدة ميغابايت.

لا يؤثر هذا الصوت على سرعة التنزيل في صفحة المتصفح مع اتصال عالي السرعة مع الإنترنت. ولكن ماذا عن الإنترنت عبر الهاتف النقال، عند استخدام أي تنزيل عدة "

متر

"سوف يستغرق الكثير من الوقت؟

"سوف يستغرق الكثير من الوقت؟ يتم حل كل هذه المشكلات باستخدام خلفية الملمس. يستخدم صورة صغيرة كنمط من الملمس. حتى تحت حالة التكرار المتعدد، يتم تحميل النمط مرة واحدة فقط.

لإنشاء خلفية مظلمة للموقع الجسم. محل تصوير. الجسم. ، قم بإنشاء صورة في شكل شريط طويل من 1200 بكسل، وعرض 15 بكسل. ثم نستخدم التدرج الأسود والأبيض البسيط وتوصيل الملمس الناتج إلى صفحة الموقع:

<نمط الجسم = "صورة خلفية: URL (1.PNG)؛ اللون: RGB (0،51،204)"> </ body>

من أجل الوضوح، أضفنا نصا وتعيين لونه باستخدام العقار. الجسم. اللون الجسم. وبعد هذا ما حدث:

  • الارتفاع: 200٪؛ جميع الخصائص الموصوفة أعلاه قابلة للتطبيق أيضا على أوراق الأنماط المتتالية. إنشاء خلفية الموقع
  • صورة الخلفية CSS.
  • عن طريق إعادة كتابة رمز واحدة من أمثلةنا السابقة: <head> <العنوان> المستند بدون عنوان </ title> <style type = "النص / css"> الجسم {صورة خلفية: url (3.jpg)؛ تكرار الخلفية: عدم التكرار؛ موقف الخلفية: أعلى مركز؛ مرفق الخلفية: ثابت؛} </ style> </ head> <body> </ body>
  • ستكون النتيجة مماثلة. حسنا، نظرنا إلى جميع الخيارات، وكيفية تغيير الخلفية الموجودة على الموقع. الآن لا يزال فقط لإنشاء رسم للسجاد في المستقبل ونشره على صفحات موردك. ولكن هذه هي يدك.
  • يوم جيد للجميع لتعلم وتعلم شيئا جديدا! هل سبق لك أن تولي اهتماما بمظهر المواقع عند تطوير المبدعين كسولا لترتيب خلفية الصفحات؟ وأنا التفت. يبدو ذبح. في كثير من الأحيان، نظرا لعدم الانفصال المعتاد بين أنواع المعلومات المختلفة، فإنه مختلط ويختفي ببساطة الرغبة في مواصلة النظر إلى مثل هذا المورد ويب. لذلك حدثت هذه المشاكل لمشروعك، قررت كتابة مقالة حول الموضوع: "كيفية إنشاء خلفية من الصفحات في HTML". بعد قراءة المنشور، سوف تتعلم، مع الأدوات التي يمكنك ضبط تصميم الخلفية، وكيفية إصدار خلفية ثابتة أو تغيير وأكثر من ذلك بكثير، مما سيساعد على جعل موقع الويب الخاص بك جذابا. الآن لنبدأ!
  • الأدوات الأساسية لإعداد صفحات الويب الخلفية لتعيين صورة الخلفية، قدم مطورو لغة الويب خلفية سمة. وهي متوفرة في كل من HTML و CSS.
  • في لغة الترميز، هذه سمة من علامة الجسم، وفي جداول النمط - خاصية عالمية تتيح لك إعداد ما يصل إلى 5 خصائص الخطة الخلفية في نفس الوقت. الخلفية عنصر مرن إلى حد ما يمكن استخدامه لمهمة الخلفية ككون أو صورة ملونة أو حتى الرسوم المتحركة. لذلك، لتثبيت صورة الخلفية من خلال الوحدة HTML <Body> يكفي كتابة مثل هذا الرمز:
  • <خلفية الجسم = "عنوان الملف"> ... </ Body> وبدلا من الكلمات "عنوان الملف" أدخل المسار إلى الصورة.
  • ومع ذلك، لاحظ! إذا كنت في شكل الخلفية، فأنت ترغب في رؤية قماش أحادي اللون المحدد من لوحة الألوان، ثم يتم ذلك باستخدام سمة BGColor. على سبيل المثال، <body bgcolor = "# 000000"> ... </ body>، سألنا خلفية سوداء لموقعنا.
  • يتم تعيين الألوان في CSS و HTML إما بواسطة كلمة إنجليزية (على سبيل المثال، أحمر)، أو رمز خاص يتكون من علامة # وستة أحرف بعد ذلك (على سبيل المثال، # FFDAB9). عند كتابة الخيار الثاني في منتجات البرامج المتخصصة للمطورين، ستظهر لوحة اللوحة تلقائيا أمامك. إذا بدأت في تعلم لغات الويب هذه، فيمكن تثبيت رمز اللون على الإنترنت.

خلفية ممتلكات في طاولات نمط متتالية الارتفاع: 200٪؛ :

تم تعيينه أو في ملف منفصل مع أنماط CSS، أو في عنصر <style>. مع هذه الخاصية، يمكنك تثبيت أنماط الخلفية أو اللون، وتحديد موقع البداية على الصفحة وتعيين الصور المتكررة والثابتة. للحصول على وضوح أكبر، قمت بإجراء تعريفات في الطاولة. 

المعلمات غرض

تستخدم لتثبيت صورة ثابتة أو تمرير مع محتوى الموقع. يحدث ثابت، انتقل ورث

يحدد صورة الخلفية. قد يتم الإشارة في وقت واحد إلى اللون. ثم سيتم عرض الأخير حتى يتم تحميل الصورة بالكامل.

يضبط الموقع الأولي للكائن المعلمة السابقة. يشير أفقيا إلى اليمين واليسار والوسط، ورأسيا - أسفل، أعلى والوسط. بالإضافة إلى ذلك، يمكنك أن ترث موضع (ورث)، ومجموعة في النسبة المئوية، وحدات البكسل والأبعاد الأخرى 

تنطبق عند استخدام سمة صورة الخلفية. ينظم كيفية تكرار الصورة. يمكنك تحديد قيم 2: للأفقي والرأسي. هناك خصائص: عدم التكرار، كرر، كرر X، كرر-Y، والراثة، الفضاء

Добавить комментарий