تستخدم صفحات الويب الجداول بشكل متكرر لعرض البيانات المختلفة. في بعض الأحيان تبدو أنماط حدود الجدول القياسية للمتصفح المضمن غير جذابة أو لا تتطابق مع تصميم موقع الويب. في مثل هذه الحالات ، يمكنك تطبيق أنماط كس لتغيير مظهر حدود الجدول.
طريقة واحدة لتغيير نمط الحدود الجدول هو استخدام الخاصية الحدود كس. يمكنك استخدام هذه الخاصية لتعيين سمك ونمط ولون الحدود. ومع ذلك ، لتمييز حدود الجدول بالخط العريض ، تحتاج إلى استخدام خاصية عرض الحدود الإضافية.
لتمييز حدود الجدول بالخط العريض ، يجب تحديد سمك الحدود باستخدام القيمة "الغامق" لخاصية عرض الحدود. في كس ، القيمة" جريئة "تعني" جريئة " ، وعند تطبيقها ، فإن الحدود تبدو أكثر تعبيرا.
مثال:
يوضح المثال الخصائص الأساسية للجدول وخلاياه ، كما يحدد القيمة" جريئة " لخاصية عرض الحدود. بعد تطبيق هذه الأنماط ، سيتم تمييز حدود الجدول بالخط العريض ، مما سيخلق مظهرا أكثر وضوحا وأناقة للجدول.
- كيف يمكنني تسليط الضوء على حدود الجدول بالخط العريض?
- الخطوة 1. أعلن الجدول في هتمل
- الخطوة 2. تطبيق الأنماط على الجدول
- الخطوة 3. تغيير نمط حدود الجدول
كيف يمكنني تسليط الضوء على حدود الجدول بالخط العريض?
.
يوجد أدناه مثال على رمز يوضح كيفية تمييز حدود الجدول بالخط العريض:
| العنوان 1 | العنوان 2 |
|---|---|
| الخلية 1 | الخلية 2 |
| الخلية 3 | الخلية 4 |
، مما يجعل حدود الجدول أكثر وضوحا.
لاحظ أنه إذا كان لديك بالفعل أنماط مطبقة على الجدول ، فيمكنك استخدام محددات كس لتحديد الأنماط لحدود الجدول فقط. على سبيل المثال:
الجدول.مخصص {انهيار الحدود: الانهيار;
}
الجدول.مخصص الدفتيريا ، الجدول.مخصص ال {
وزن الخط: غامق;
}
الخطوة 1. أعلن الجدول في هتمل
. سيتم وضع صفوف وأعمدة الجدول داخل هذه العلامة.
نموذج التعليمات البرمجية:
الخلية 1
الخلية 2
الخلية 3
الخلية 4
الوسم
يحدد صف في الجدول ، والعلامة
يستخدم لتحديد الخلايا. في المثال أعلاه ، تم إنشاء جدول 2/2 ، أي صفين وعمودين.
الخطوة 2. تطبيق الأنماط على الجدول
في هذا الرمز ، قمنا بتعيين سمك الحدود إلى 2 بكسل ولون الحدود إلى الأسود.
الآن بعد أن تم تطبيق النمط ، سترى أن حدود الجدول مظللة بالخط العريض. لكن هذا ليس كل شيء! في الخطوة التالية ، سننظر في كيفية تمييز حدود خلايا الجدول وإضافة هوامش بينها.