logo

كيفية تغيير لون الخلفية في CSS؟

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

بناء الجملة

 element transparent 

ال color_name تحدد قيمة هذه الخاصية قيمة لون الخلفية أو تحدد رموز الألوان. يمكن تقديمه باستخدام اسم اللون أو قيمة rgb() أو القيمة السداسية العشرية.

ال شفاف قيمة هذه الخاصية هي القيمة الافتراضية، والتي تحدد لون الخلفية الشفاف.

مثال

في هذا المثال، نقوم بتعريف قيمة لون الخلفية الخاصية باستخدام اسم اللون، والقيمة السداسية العشرية، وقيمة rgb()، وقيمة hsl(). هناك أربعة عناصر div نطبق عليها لون الخلفية ملكية.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 
اختبره الآن

انتاج |

كيفية تغيير لون الخلفية في CSS