لون الخلفية والخط وحجم الرسالة كلها عناصر التصميم الهامة من الجدول الخاص بك. لكن لون الخط على وجه الخصوص يمكن أن يكون مفتاحا لجعل طاولتك أكثر قابلية للقراءة وجاذبية بصريا. في هذه المقالة ، سنلقي نظرة على بعض الطرق البسيطة لتغيير لون الخط في الجدول.
الطريقة الأولى هي استخدام كس لإضافة نمط إلى الجدول. يمكنك استخدام سمة" النمط " في العلامة لتعيين لون الخط. على سبيل المثال ، إذا كنت تريد أن يكون لون الخط أحمر ، فيمكنك استخدام الرمز:
النص
الطريقة الثانية هي استخدام كس لتعيين فئة لون الخط. يمكنك إنشاء فئة في ملف كس الخاص بك الذي يحدد لون الخط. ثم يمكنك تطبيق هذه الفئة على جميع عناصر الجدول التي تريد تغيير لون الخط لها. على سبيل المثال:
الطريقة الثالثة هي استخدام سمة "اللون" المضمنة في العلامة. يمكنك ببساطة تحديد قيمة لون الخط في سمة" اللون". على سبيل المثال ، لتعيين لون الخط إلى اللون الأحمر:
النص
بهذه الطريقة ، يمكنك بسهولة تغيير لون الخط في الجدول باستخدام كس أو سمات العلامة. يمكن أن يؤدي تصميم الجدول إلى تحسين الإدراك البصري للمعلومات بشكل كبير وجعلها أكثر قابلية للفهم للقارئ.
- الغرض من المقال
- طرق بسيطة لتغيير لون خط الجدول
- باستخدام سمة "النمط"
- باستخدام فئات النمط
- تعليمات لتغيير لون الخط من الجدول
الغرض من المقال
طرق بسيطة لتغيير لون خط الجدول
غالبا ما يواجه مطورو الويب الحاجة إلى تغيير لون الخط في الجدول لجعله أكثر جاذبية وقابلية للقراءة. هناك عدة طرق بسيطة للقيام بذلك في هتمل ، بما في ذلك استخدام سمات الخط والنمط لعلامة الجدول.
1. باستخدام سمة الخط
تسمح لك سمة الخط لعلامة الجدول بتغيير لون الخط. للقيام بذلك ، أضف سمة الخط مع قيمة اللون. على سبيل المثال ، لجعل الخط أحمر ، استخدم التعليمات البرمجية التالية:
2. باستخدام سمة النمط
طريقة بديلة لتغيير لون الخط في الجدول هي استخدام سمة النمط. للقيام بذلك ، أضف سمة النمط بقيمة لون الخط بتنسيق كس. على سبيل المثال ، لجعل الخط أزرق ، تحتاج إلى استخدام الكود التالي:
ستسمح لك هاتان الطريقتان البسيطتان بتغيير لون الخط في الجدول وجذب المزيد من الانتباه إلى البيانات.
باستخدام سمة "النمط"
في هتمل ، يمكنك تغيير لون خط الجدول باستخدام سمة" النمط". تسمح لك سمة" النمط " بتطبيق الأنماط مباشرة على عنصر ، دون الحاجة إلى استخدام أوراق الأنماط الخارجية (كس).
لتغيير لون خط الجدول ، استخدم بناء الجملة التالي:
حيث القيمة هي اللون الذي تريد استخدامه. يمكنك تحديد اللون باستخدام اسم (على سبيل المثال ، "أحمر") ، أو باستخدام رمز لون سداسي عشري (على سبيل المثال ، "#فف0000 " للأحمر).
فيما يلي أمثلة على استخدام سمة "النمط" لتغيير لون خط الجدول:
يمكنك أيضا تطبيق سمة "النمط" على خلايا الجدول الفردية باستخدام العلامة
يرجى ملاحظة أنه عند استخدام سمة "النمط" ، يتم تطبيق لون الخط فقط على النص داخل الجدول ، ولا يؤثر على العناصر الأخرى لصفحة الويب.
باستخدام فئات النمط
ويتم تعيينها في العلامات التي تريد تطبيق النمط عليها.
في ما يلي مثال على استخدام فئة نمط لتغيير لون الخط لجميع خلايا الجدول:
في هذا المثال ، فئة نمط اسمه
لون مخصص
تم إنشاؤه ، والذي يحدد لون الخط إلى اللون الأخضر. ثم يتم تطبيق هذه الفئة على خليتين من الجدول ، والتي يجب أن يكون لها لون الخط الأخضر. سوف تبدو النتيجة مثل هذا:
يمكنك استخدام سمة النمط لتغيير لون الخط داخل خلية أو الجدول بأكمله. على سبيل المثال ، لجعل الخط أحمر ، الصق الكود التالي:
نص باللون الأحمر
الدفتيريا {