فيما يلي الخطوات المتعلقة بكيفية تغيير لون خلفية صفحة الويب في HTML و CSS. على الرغم من أنه يمكن إجراء لون الخلفية باستخدام علامة HTML BODY ، إلا أننا نوصيك بتحديد قيم ألوان الخلفية في CSS كما هو موضح أدناه.

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

مثال CSS

في مثال CSS أدناه ، نقوم بتعيين الجسم ليكون له لون خلفية أسود بإضافة "لون الخلفية: # 000؛" في كتلة الجسم. لأن لون الخلفية أسود ، يجب أن يتغير لون النص أيضًا ، وإلا فلن يظهر. لذلك ، نقوم بتعيين لون النص إلى اللون الأبيض عن طريق إضافة "color: #fff؛" في الكتلة.

 body {font-family: Helvetica، Arial، sans-serif؛ لون الخلفية: # 000؛ اللون: # الاتحاد الفرنسي. } 

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

مثال لعلامة نص HTML

في بعض الحالات النادرة جدًا ، قد لا يكون من الممكن استخدام CSS. بالنسبة لتلك المواقف ، يمكنك أيضًا تحديد لون الخلفية ولون النص ولون الرابط والقيم الأخرى في علامة HTML النصية كما هو موضح أدناه.

فيما يلي وصف لكل سمة من سمات HTML في علامة النص.

النص = لون النص.

LINK = لون الروابط.

VLINK = لون الرابط الذي تمت زيارته .

ALINK = لون الرابط النشط ، أو اللون الذي يتغير الارتباط إليه عند النقر فوقه.

BGCOLOR = لون خلفية الصفحة.

نصيحة: للمساعدة في توضيح جميع القيم المذكورة أعلاه بشكل أفضل ، في هذه الصفحة يكون لون الارتباط أزرق ، والروابط التي قمت بزيارتها أرجوانية ، والروابط التي تحوم فوقها أو تنقر عليها حمراء.