الآن دعونا نرى كيفية استخدام قواعد CSS لتجميل الجداول. ملحوظة: ما لم ينص على خلاف ذلك ، فإن قيم الخلايا ، وعلم الخلية ، وقيم الحدود للجداول المدرجة في الأمثلة المذكورة في هذه المقالة هي 0. مثال 1: 1PX جدول
يحرص الكثير من الناس على صنع أشكال 1 بكسل ، لذلك اخترعوا طرقًا مختلفة ، والتي يمكن أن تكون أكثر مرونة عند استخدامها مع CSS. إذا كنت ترغب في إنشاء جدول 1x1 1px ، ما عليك سوى تحديد قيمة الحدود. نقوم أولاً بإدراج طاولة 1 × 1 مع Dreamweaver بعرض 50 ، ثم حدد الحدود: 1 شاي صلب في الطاولة أو TD. تأثير الجدول المصنوع هو على النحو التالي:
ومع ذلك ، من المزعج أكثر قليلاً إنشاء جدول غير 1 × 1 (مثل 2x2) ، لأنه إذا قمت بتحديد حدود نمط TD مباشرة: 1 شاي صلب ، فإن تأثير العرض هو كما يلي:
ستجد أن المربع الخارجي للجدول هو 1 بكسل ، بينما يصبح الداخل 2 بكسل ، وهو بسبب التراكب. لحل هذه المشكلة يمكننا القيام بذلك:
أولاً ، حدد نمط TD: الحدود:#CC0000 Solid ؛ عرض الحدود: 0 1 1 0 ، لذلك يتم التعبير عن الجدول باسم
ثم حدد نمط الجدول :: الحدود:#CC0000 Solid ؛ عرض الحدود: 1 0 0 1 ، بحيث يمكنك الوصول إلى جدول 1 بكسل كامل.
مثال 2: 1 بكسل مع حدود سميكة
خط الشبكة الداخلية لهذا الجدول هو 1 بكسل والحدود الخارجية هو 3 بكسل. ليس من الصعب القيام بذلك على أساس المثال 1. فقط قم بتعديل قيمة عرض الحدود.
رمز النمط الذي يستخدمه الجدول هو: الحدود: الأزرق الصلب ؛ عرض الحدود: 3 2 2 3 ، والرمز للنمط الذي يستخدمه TD هو: الحدود: الأزرق الصلب ؛ عرض الحدود: 0 1 1 0 مثال 3: مربع منقط
تشبه هذه الممارسة المثال 1 ، ويتم تغيير نمط الحدود من الصلبة إلى المتقطع. رمز النمط المستخدم في الجدول هو: الحدود: أسود متقطع ؛ عرض الحدود: 1 0 0 1 ، والرمز للنمط المستخدم في TD هو: الحدود: Black متقطع ؛ عرض الحدود: 0 1 1 0 مثال 4: طاولة الحدود المنقطية والخط
لاحظ أن الحد الأدنى للبكسل من المنقط هو 2. الرمز للنمط المستخدم في الجدول هو: الحدود: منقط أخضر ؛ عرض الحدود: 2 0 0 2
لاحظ أن الحد الأدنى للبكسل للخط المزدوج هو 3. الرمز للأناقة المستخدمة في الجدول هو: الحدود: Teal 4 Dou . رمز النمط المستخدم في TD هو: الحدود: TEAL 1 مثال صلب 6: جدول الإطار الخارجي خارجية
رمز النمط الذي يستخدمه الجدول هو: الحدود: 3 خفيتر ، ورمز النمط الذي يستخدمه TD هو: الحدود: 1 مثال صلب 7: جدول الخطوط العظمية الداخلية
رمز النمط الذي يستخدمه الجدول هو: الحدود: 3 أقحم ، ورمز النمط الذي يستخدمه TD هو: الحدود: 1 مثال صلب 8: جدول إطار الخارجي ريدج
رمز النمط الذي يستخدمه الجدول هو: الحدود:#EE0000 3 RIDGE رمز النمط الذي يستخدمه TD هو: الحدود: 1 صلبة
الصفحة السابقة 1 2 3 الصفحة التالية اقرأ النص الكامل