الوان HTML

الوان HTML

يتم تحديد ألوان HTML باستخدام أسماء ألوان محددة مسبقًا أو قيم RGB وHEX  وHSL  و RGBA وHSLA


أسماء الالوان

<h1 style="background-color:Tomato;"> Tomato</h1>
<h1 style="background-color:Orange;"> Orange</h1>
<h1 style="background-color:DodgerBlue;"> DodgerBlue</h1>
<h1 style="background-color:MediumSeaGreen;"> MediumSeaGreen</h1>
<h1 style="background-color:Gray;"> Gray</h1>
<h1 style="background-color:SlateBlue;"> SlateBlue</h1>
<h1 style="background-color:Violet;"> Violet</h1>
<h1 style="background-color:LightGray;"> LightGray</h1>

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray


لون الخلفية

يمكنك تعيين لون الخلفية لعناصر HTML

<h1 style="background-color:DodgerBlue;">مرحبا</h1>
<p style="background-color:Tomato;">فقرة...</p>

مرحبا

فقرة...


لون الخط

يمكنك ضبط لون النص كما يلي

<h1 style="color:Tomato;">عنوان</h1>
<p style="color:DodgerBlue;">فقرة...</p>
<p style="color:MediumSeaGreen;">فقرة اخرى...</p>

عنوان

فقرة...

فقرة اخرى...


لون الحدود

<p style="border:2px solid Tomato;"> مرحبا </p>
<p style="border:2px solid DodgerBlue;"> مرحبا </p>
<p style="border:2px solid Violet;"> مرحبا </p>

مرحبا

مرحبا

مرحبا

 

دروس لغة Html اخرى