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

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

كيف تبدأ

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

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

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

ضبط لون الخلفية

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

CSS:

td.blueCol {background-color: blue؛ }

HTML:

class = "blueCol" > خلية 1 خلية 2
class = "blueCol" > خلية 1 cell 2

تغليف

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