• 0

كيف أغير لون أو صورة الخلفية في HTML؟

كيف أستطيع تغيير لون أو صورة الخلفية في HTML؟ وهل من طريقة تعمل على الإصدار الجديد من HTML (HTML 5)؟

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

بالنسبة لإصدارات HTML القديمة، ما قبل الإصدار الخامس، فلإضافة خلفية تحتاج إلى استخدام صفة background من وسم <body> حيث ستضع مسار الصور التي تريد جعلها كخلفية أو اللون المطلوب كما في المثال التالي:

 <html>
<body background="bgimage.jpg">
<h1>Hello world!</h1>
<p>Academy.Hsoub.com</p>
</body>
</html> 

أما في الإصدار الخامس من HTML فلقد تم حذف صفة background نهائيا ولإضافة خلفية ستحتاج إلى استخدام CSS كما في المثال التالي:

<body style="background-image:url(bgimage.jpg)">

للمزيد من المعلومات حول هذه الصفة أنصحك بالإطلاع على هذا الدرس.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

لتغيير لون الخلفية background لعنصر -وسم- أو للصفحة ككل نستعمل خاصية background-color داخل ملف التنسيق css، حيث نعطيها قيمة للون المُراد إظهاره كخلفية، ويتم ذلك بإحدى الطريقتين:

  • إعطاء كود Hexadecimal للون مثال: 000000# للون الأبيض، FFFFFF# للون الأسود...
  • إعطاء اسم اللون باللغة الانجليزية: Green،Gold، Red...

مثال:

 <!DOCTYPE html>
<html>
<head>
<style>
body {background-color:lightgrey;}
h1   {color:blue;}
p    {color:green;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

فيما يخص وضع صورة كخلفية لن أضيف شيئا عن ما تفضل هشام بشرحه، سوى هذا المثال:

element{
    background-image: url(img_flwr.gif), url(paper.gif);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
}

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن