كيفية تغيير لون خلفية الجدول

تغيير لون الخلفية باستخدام أوراق الأنماط

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

table {background-color: # ff0000؛ } tr {background-color: yellow؛ } td {background-color: # 000؛ }

إعداد لون الخلفية العمود

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

CSS:

td.ColColor {background-color: blue؛ }

HTML:

تتمثل إحدى الميزات الهامة للتحكم في ألوان الخلفية من خلال ورقة أنماط في القدرة على تغيير اختيارك للألوان في وقت لاحق. بدلاً من الاضطرار إلى الانتقال إلى مستند HTML وإجراء التغيير على كل خلية مفردة ، يمكنك إجراء تغيير واحد على اختيار الألوان في CSS وسيتم تطبيقه على الفور على كل مثيل حيث يتم استخدام class = "ColColor". هذا يوفر كميات هائلة من الوقت ويقلل إلى حد كبير من فرص الأخطاء ، مثل فقدان تغيير لون الخلية.

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