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

TheBrain · 2 يونيو 2016

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

هشام رزق الله · 2 يونيو 2016

بالنسبة لإصدارات 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)">

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

E.Nourddine · 3 يونيو 2016

لتغيير لون الخلفية 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;
}

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

السؤال

TheBrain

رابط هذا التعليق

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

2 أجوبة على هذا السؤال

Recommended Posts

هشام رزق الله

رابط هذا التعليق

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

E.Nourddine

رابط هذا التعليق

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

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية