Vivinjari vyote vya wavuti vina rangi za msingi ambazo hutumia kwa viungo ikiwa mtengenezaji wa wavuti hawaweka . Wao ni:
- Rangi ya kiungo cha default.
- Kiungo cha kiungo cha kazi (wakati panya inafungwa na imesimama juu ya kiungo).
- Ufuatiliaji wa rangi uliofuatwa (wakati kiungo kilichombwa hapo awali).
Zaidi, wakati vivinjari vingi vya wavuti havibadili hii kwa default, unaweza pia kufafanua rangi ya hover - rangi ya kiungo ni wakati panya inafanyika juu yake.
Tumia CSS Ili kubadilisha Rangi za Kiungo
Kubadilisha rangi hizi, unatumia CSS (kuna baadhi ya sifa za HTML ambazo unaweza kuzitumia pia, lakini siipendekeza kutumia chochote kilichopunguzwa). Njia rahisi ya kubadilisha rangi ya kiungo ni lebo ya mtindo:
{rangi: nyeusi; }Kwa CSS hii, baadhi ya vivinjari zitabadili vipengele vyote vya kiungo (kazi, ikifuatiwa, na hover) kwa rangi nyeusi, wakati wengine watabadili tu rangi ya default.
Tumia CSS Pseudo-madarasa ya Kubadilisha Sehemu Zote za Kiungo
Darasa la pseudo linawakilishwa katika CSS na koloni (:) kabla ya jina la darasa . Kuna mada nne ya pseudo ambayo yanaathiri viungo:
Ili kubadilisha rangi ya kiungo cha default:
: kiungo {rangi: nyekundu; }Kubadili rangi ya kazi:
: kazi: rangi: bluu; }Ili kubadilisha rangi ya kiungo ifuatayo:
: alitembelea {rangi: zambarau; }Ili kubadilisha mouse juu ya rangi:
: hover {rangi: kijani; }