اليوم ، سوف ننظر إلى طريقة خاصة لتلوين خلية الجدول قطريا. يمكن أن يكون تصور البيانات هذا مفيدا عندما تحتاج إلى تمييز بعض الميزات أو العلاقة بين البيانات في الجدول. في هذا الدليل العملي ، سوف نتعلم كيفية تطبيق هذه التقنية باستخدام هتمل و كس.
أولا ، نحتاج إلى إنشاء جدول نريد ملء الخلية فيه. للقيام بذلك ، يمكننا استخدام العلامات
ملاحظة: لتحقيق تأثير تطبيق خلفية ملونة قطريا ، سوف نستخدم صورة خلفية خاصية كس مع التدرج الخطي. وهذا سوف يسمح لنا لخلق الوهم من ملء قطري من الخلايا.
بادئ ذي بدء ، سوف نقوم بإنشاء فئة.قطري-الخلفية ، والتي سوف نحدد أسلوبنا لرسم الخلية قطريا. بعد ذلك ، سوف نحدد خلفية التدرج لدينا داخل هذه الفئة باستخدام خاصية صورة الخلفية كس. سيتم التلوين باستخدام النمط إلى الأسفل ، مما يعني أن التدرج سينتقل من الجانب الأيسر العلوي للخلية إلى أسفل اليمين.
- القسم 1: أساسيات اللوحة خلية قطريا
- الطريقة 1: استخدام صورة الخلفية
- الطريقة 2: استخدام التدرج الخطي
- الطريقة 3: استخدام عنصر زائف: قبل
- فهم العمل مع المغلق
- استخدام خاصية صورة الخلفية
- القسم 2: التطبيق العملي
- مثال 1: الشبكة
- مثال 2: الرسم البياني
- مثال 3: عنصر زخرفي
- سؤال وجواب
- كيف يمكنني تلوين خلية قطريا في إكسيل?
- كيف يمكنني تلوين خلية قطريا في أوراق جوجل?
- هل من الممكن لتلوين خلية قطريا في مايكروسوفت وورد?
- كيف يمكنني لون خلية قطريا في ليبر أوفيس احسب?
القسم 1: أساسيات اللوحة خلية قطريا
خلايا اللوحة قطريا هي طريقة واحدة لإنشاء تصميم مثير للاهتمام في جداول هتمل. يمكن استخدام هذا التأثير لتسليط الضوء على بيانات معينة أو لمجرد إضافة اهتمام مرئي.
في البرنامج التعليمي التالي ، سنلقي نظرة على العديد من الطرق التي تسمح لك بتلوين خلايا الجدول قطريا.
الطريقة 1: استخدام صورة الخلفية
الطريقة الأولى التي سننظر فيها هي استخدام صورة خلفية لملء خلايا الجدول قطريا.
- إنشاء صورة التي سيتم استخدامها كخلفية للخلية.
- أضف نمط كس إلى الجدول الذي يحتوي على خاصية صورة الخلفية مع قيمة ورل لصورتك.
- بعد ذلك ، لكل خلية في الجدول تريد رسمها ، أضف فئة تطبق نمط صورة الخلفية.
الطريقة 2: استخدام التدرج الخطي
تتضمن الطريقة الثانية استخدام تدرج خطي لملء خلايا الجدول قطريا.
- إضافة نمط كس إلى الجدول الذي يحتوي على خاصية الخلفية مع قيمة التدرج الخطي الذي يحدد اتجاه وألوان التدرج.
- لكل خلية في الجدول تريد رسمها ، قم بتطبيق هذا النمط.
الطريقة 3: استخدام عنصر زائف: قبل
الطريقة الثالثة هي استخدام عنصر زائف :قبل لإنشاء عنصر إضافي من شأنها أن تكون بمثابة خلفية قطري للخلية الجدول.
- أضف قاعدة كس التي تطبق العنصر الزائف: قبل إلى خلية جدول من خلال الجمع بين المحتوى والموضع والعرض والارتفاع وخصائص الخلفية لإنشاء قطري مظلل.
باستخدام إحدى هذه الطرق ، يمكنك تحقيق تأثير مرئي مثير للاهتمام عن طريق طلاء خلايا الجدول قطريا. اختر الطريقة المناسبة بناء على احتياجات التصميم وتفضيلاتك.
فهم العمل مع المغلق
كس (أوراق الأنماط المتتالية) أو أوراق الأنماط المتتالية هي لغة نمط تستخدم لتصميم مظهر صفحات الويب. يسمح للمطورين بالتحكم في الجوانب المختلفة لتصميم موقع الويب ، مثل الألوان والخطوط والهوامش والمزيد.
المبدأ الأساسي من كس هو تطبيق الأنماط على عناصر مختلفة من ترميز هتمل. يمكن تصميم كل عنصر هتمل باستخدام محددات كس ، والتي تسمح لك بتحديد العناصر التي سيكون لها مظهر معين.
يستخدم كس تعريفات النمط التي تتكون من خاصية وقيمة. على سبيل المثال ، يمكن أن تحتوي خاصية" اللون "على القيمة" أحمر " ، مما يجعل النص أحمر. يمكن تعيين الأنماط في ملف كس منفصل ، ثم يتم إرفاقه بملف هتمل باستخدام علامة ، أو يمكن تضمينها داخل علامة على الصفحة.
ميزة أخرى مهمة من كس هي الأنماط المتتالية. هذا يعني أنه يمكن تعيين الأنماط على مستويات مختلفة ، من الأنماط العامة المطبقة على جميع العناصر إلى أنماط محددة للعناصر الفردية أو مجموعات العناصر. إذا كان العنصر يحتوي على أنماط متعددة بنفس الخاصية ، فسيتم تطبيق القاعدة ذات الأولوية القصوى.
للعمل مع كس ، تحتاج أيضا إلى فهم نموذج مربع ، والذي يحدد كيفية ترتيب العناصر والتفاعل مع بعضها البعض على الصفحة. يتضمن نموذج الصندوق خصائص مختلفة مثل العرض والارتفاع والهوامش الداخلية والخارجية وحدود العناصر.
في الختام ، كس هو أداة تطوير الويب الهامة التي تسمح لك لخلق تصميم فريد وجذاب لصفحات الويب. فهم قوي للعمل مع المغلق سوف تساعدك على إنشاء مواقع جميلة وعملية وحديثة.
استخدام خاصية صورة الخلفية
تسمح لك خاصية صورة الخلفية بتعيين صورة كخلفية لعنصر هتمل. يمكن أن يكون مفيدا عندما تحتاج إلى تعيين خلفية معقدة أو خلفية لصفحة ويب أو عنصر فردي.
لاستخدام خاصية صورة الخلفية ، يجب تحديد المسار إلى الصورة في قيمة الخاصية. يمكن أن يكون هذا المسار مطلقا (كاملا) أو نسبيا. على سبيل المثال ، لتعيين صورة "الخلفية.جبغ " كخلفية للعنصر ، يمكنك استخدام التعليمات البرمجية التالية:
- الخلفية-صورة: رابط (الخلفية.جي بي جي);
تدعم خاصية صورة الخلفية أيضا استخدام التدرجات الخطية والصور المتناوبة كخلفيات. على سبيل المثال ، يمكنك إنشاء خلفية متدرجة باستخدام الكود التالي:
- صورة الخلفية: التدرج الخطي (إلى اليمين ، # 0000 ، #0000 وما يليها);
عند استخدام الصور المتناوبة بدلا من صورة خلفية واحدة ، يمكنك تحديد قائمة صور مفصولة بفواصل. سيقوم المتصفح بالتبديل تلقائيا بين الصور الموجودة في القائمة لإنشاء تأثير خلفية متناوب.
تحتوي خاصية صورة الخلفية أيضا على معلمات إضافية ، مثل تكرار الصورة والموضع والحجم. باستخدام هذه المعلمات ، يمكنك ضبط كل من معدل التكرار وموقع الصورة على الخلفية.
يتيح لك استخدام خاصية صورة الخلفية إنشاء تصميمات فريدة ومثيرة للاهتمام لصفحات وعناصر الويب. إنها أداة قوية لمطور الويب تساعد على إحياء الأفكار الأكثر وحشية.
القسم 2: التطبيق العملي
بعد تعلم طرق طلاء الخلايا قطريا ، يمكنك تطبيق هذه المعرفة عمليا في مشاريعك. ستجد أدناه بعض الأمثلة على استخدام هذه الأساليب.
مثال 1: الشبكة
أحد الاستخدامات الشائعة لطلاء الخلايا قطريا هو إنشاء شبكة. يمكنك استخدام هذه الطريقة لإنشاء شبكة أنيقة على موقع الويب الخاص بك أو في واجهة المستخدم الرسومية.
مثال على الكود:
- قم بإنشاء جدول بالعدد المطلوب من الصفوف والأعمدة.
- املأ الخلايا قطريا باستخدام خاصية لون الخلفية المغلق وتعيين اللون المطلوب.
مثال 2: الرسم البياني
تطبيق آخر لخلايا التلوين قطريا هو إنشاء الرسوم البيانية والرسوم البيانية. يمكنك استخدام هذه الطريقة لعرض البيانات بتنسيق مناسب وبديهي.
نموذج التعليمات البرمجية:
- قم بإنشاء جدول بالعدد المطلوب من الصفوف والأعمدة.
- قم بطلاء الخلايا قطريا بألوان مختلفة ، تمثل قيما أو فئات مختلفة من البيانات.
مثال 3: عنصر زخرفي
استخدم تلوين الخلايا القطرية كعنصر زخرفي على موقع الويب الخاص بك أو مشروعك. هذا يمكن أن يساعد في إنشاء تصميم فريد ومثير للاهتمام.
مثال على الكود:
- قم بإنشاء جدول بالعدد المطلوب من الصفوف والأعمدة.
- قم بطلاء الخلايا قطريا باستخدام ألوان متعددة وإنشاء أنماط أو صور معقدة وملونة.
سؤال وجواب
كيف يمكنني تلوين خلية قطريا في إكسيل?
لتلوين خلية قطريا في إكسيل ، يمكنك استخدام التنسيق الشرطي. أولا ، حدد الخلايا التي تريد تلوينها ، ثم افتح علامة التبويب التنسيق الشرطي في القائمة الرئيسية. انقر فوق خيار" قاعدة جديدة "، وحدد" الصيغ " من القائمة وأدخل الصيغة التي ستملأ الخلايا قطريا. على سبيل المثال ، ستلون الصيغة =صف()=عمود() الخلايا الموجودة قطريا من أ1 إلى آخر خلية محددة.
كيف يمكنني تلوين خلية قطريا في أوراق جوجل?
في أوراق جوجل ، يمكنك استخدام التنسيق الشرطي وصيغة مخصصة لتلوين خلية قطريا. حدد الخلايا التي تريد تلوينها ، ثم افتح قائمة التنسيق وحدد التنسيق الشرطي. في حقل الصيغة ، أدخل صيغة مخصصة تملأ الخلايا قطريا. على سبيل المثال ، الصيغة =A أ1=B ب1 سيلون الخلايا الموجودة قطريا من أ1 إلى آخر خلية محددة.
هل من الممكن لتلوين خلية قطريا في مايكروسوفت وورد?
لا ، مايكروسوفت وورد ليس لديها ميزة مدمجة لطلاء الخلايا قطريا. ومع ذلك ، يمكنك إنشاء قالب الخلية الخاص بك بخلفية قطرية باستخدام وظيفة تنسيق الخلية وتعبئة التدرج أو تعبئة الصورة. قد يتطلب هذا بعض الخطوات الإضافية ، لكنه سيسمح لك بإنشاء خلايا تعبئة قطرية في ميكروسوفت ورد.
كيف يمكنني لون خلية قطريا في ليبر أوفيس احسب?
في ليبر أوفيس احسب ، لتلوين خلية قطريا ، يمكنك استخدام التنسيق الشرطي وصيغة مخصصة. حدد الخلايا التي تريد تلوينها ، ثم افتح قائمة التنسيق وحدد التنسيق الشرطي. في حقل الصيغة ، أدخل صيغة مخصصة تملأ الخلايا قطريا. على سبيل المثال ، الصيغة =A أ1=B ب1 سيلون الخلايا الموجودة قطريا من أ1 إلى آخر خلية محددة.