ماذا تعرف
- أسهل: أضف خاصية النمط لون الخلفية إلى الجدول أو الصف أو علامة الخلية.
- التالي الأسهل: استخدم السمة bgcolor.
تشرح هذه المقالة طرق تغيير ألوان الخلفية لأجزاء من الجدول على موقع ويب.
الطريقة الأقدم تستخدم السمة bgcolor لتغيير لون خلفية الجدول. يمكن استخدامه أيضًا لتغيير لون صف جدول أو خلية جدول. ولكن تم إهمال سمة bgcolor لصالح أوراق الأنماط ، لذا فهي ليست الطريقة المثلى للتعامل مع لون خلفية الجدول.
أفضل طريقة لتغيير لون الخلفية هي إضافة خاصية النمط لون الخلفية إلى الجدول أو الصف أو علامة الخلية.
يغير هذا المثال لون خلفية الجدول بأكمله:
لتغيير لون صف واحد ، أدخل خاصية لون الخلفية في ملف.
يمكنك تغيير لون خلية واحدة عن طريق إضافة السمة إلى ملف.
يمكنك أيضًا تطبيق ألوان الخلفية على رؤوس الجدول ، أو ملف
تغيير لون الخلفية باستخدام أوراق الأنماط
ومع ذلك ، من الأفضل تجنب استخدام سمة لون الخلفية لصالح ورقة أنماط منسقة بشكل صحيح. على سبيل المثال ، يمكنك تعيين الأنماط في ورقة أنماط على رأس مستند HTML الخاص بك أو تعيينها في ملف ورقة الأنماط الخارجية. قد تظهر مثل هذه التغييرات في HEAD أو ورقة أنماط خارجية مثل هذه للجداول والصفوف والخلايا:
الجدول {لون الخلفية: # ff0000؛ }
tr {لون الخلفية: أصفر ؛ }
td {لون الخلفية: # 000؛ }
ضبط لون خلفية العمود
أفضل طريقة لتعيين لون الخلفية لعمود هي إنشاء ملف فئة الاسلوب ثم قم بتعيينه لخلايا العمود. يتيح لك إنشاء فئة تعيين تلك الفئة إلى الخلايا الموجودة في عمود معين باستخدام سمة واحدة.
CSS:
td. ColColor {لون الخلفية: أزرق ؛ }
HTML:
خلية 1 خلية 2 خلية 1 خلية 2
تتمثل إحدى الميزات المهمة للتحكم في ألوان الخلفية من خلال ورقة الأنماط في أنه يمكنك تغيير اختيار اللون لاحقًا. بدلاً من استعراض مستند HTML وإجراء التغيير على كل خلية مفردة ، يمكنك إجراء تغيير واحد على اختيار اللون في CSS سيتم تطبيقه على الفور على كل مثيل حيث فئة = "ColColor" يظهر بناء الجملة.
على الرغم من أن تداخل CSS في HTML الخاص بك ، أو استدعاء ملف CSS منفصل ، إلا أنه يضيف القليل من النفقات الإدارية التي تتجاوز مجرد التعديل إحدى سمات HTML ، ستجد أن الاعتماد على CSS يقلل من الأخطاء ، ويسرع التطوير ، ويحسن إمكانية نقل وثيقة.