HTML waxay kuu ogolaataa inaad midabayso qoraalka iyo asalka (background) qaybaha kala duwan ee dukumeentigaaga. Tani waxay ku daraysaa muuqaal soo jiidasho leh waxayna ka dhigaysaa boggaaga mid si sahlan loo akhriyi karo.

Midabada Qoraalka

Si aad midab ugu darto qoraalka, waxaad isticmaali kartaa sifooyinka CSS sida color. Waxaad ku qeexi kartaa midabka adigoo isticmaalaya magaca midabka, qiimaha HEX, qiimaha RGB, ama qiimaha HSL.

<p style="color: blue;">Qoraalkan wuxuu noqon doonaa buluug.</p>
<p style="color: #FF0000;">Qoraalkan wuxuu noqon doonaa casaan.</p>
<p style="color: rgb(0, 255, 0);">Qoraalkan wuxuu noqon doonaa cagaar.</p>

Midabada Asalka

Si aad midab ugu darto asalka (background) qayb, waxaad isticmaali kartaa sifooyinka CSS sida background-color. Sida midabka qoraalka, waxaad ku qeexi kartaa midabka adigoo isticmaalaya magaca midabka, qiimaha HEX, qiimaha RGB, ama qiimaha HSL.

<div style="background-color: yellow;">
  <p>Qaybtan waxay yeelan doontaa asal huruud ah.</p>
</div>

Tusaale Isku-dhafan

Halkan waxaa ah tusaale isku-dhafan ah oo muujinaya sida loo midabeeyo qoraalka iyo asalka isku mar:

<div style="background-color: lightblue; color: darkblue; padding: 10px;">
  <p>Qaybtan waxay leedahay asal buluug khafiif ah iyo qoraal buluug madow ah.</p>
</div>

Isku day inaad tijaabiso midabo kala duwan si aad u aragto sida ay u saameeyaan muuqaalka boggaaga. Hubi in midabada aad dooratay ay isku dheeli tiran yihiin oo ay fududeeyaan akhriska qoraalka.