كيف أغير لون أو صورة الخلفية في 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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية