ഒരു പട്ടികയുടെ പശ്ചാത്തല വർണ്ണം മാറ്റുക എങ്ങനെ

പല ചാരന്മാരിലോ അമേച്വർ വെബ് ഡിസൈനർമാരോ ഒരു മേശയുടെ പശ്ചാത്തല വർണ്ണം എങ്ങനെ മാറ്റണമെന്ന് അറിയാൻ ആഗ്രഹിക്കുന്നു. മിനിറ്റുകൾക്കുള്ളിൽ, ഈ ലഘു ട്യൂട്ടോറിയലിലൂടെ എങ്ങനെ ഈ ടെക്നോളജി എക്സിക്യൂട്ട് ചെയ്യാം എന്ന് പഠിക്കാം. രീതി അത് ഭയപ്പെടുത്തുന്ന പോലെ ഭീഷണി അല്ല. ഒരു ടേബിളിന്റെ പശ്ചാത്തല വർണ്ണം മാറ്റുന്നത് വളരെ ലളിതമാണ്, സെൽ, വരി അല്ലെങ്കിൽ പട്ടികയിൽ നിങ്ങൾക്കാവശ്യമുള്ള നിറത്തിൽ ഒരു ആട്രിബ്യൂട്ട് ചേർക്കുന്നത് പോലെ ലളിതമാണ്.

എങ്ങനെ തുടങ്ങാം

ആട്രിബ്യൂട്ട് bgcolor പട്ടികയുടെ പശ്ചാത്തല വർണ്ണവും നിലവിലെ പട്ടിക നിരയോ നിലവിലെ പട്ടിക സെല്ലും മാറ്റും. എന്നാൽ bgcolor ആട്രിബ്യൂട്ട് ശൈലി ഷീറ്റുകൾക്ക് വേണ്ടി ഒഴിവാക്കിയതിനാൽ, ടേബിളിന്റെ പശ്ചാത്തല നിറം മാറ്റാനുള്ള ഏറ്റവും മികച്ച മാർഗമല്ല ഇത്. പശ്ചാത്തല നിറം മാറ്റാനുള്ള മികച്ച വഴി സ്റ്റൈൽ പ്രോപ്പർട്ടി പശ്ചാത്തല വർണ്ണം പട്ടിക, വരി അല്ലെങ്കിൽ സെൽ ടാഗിൽ ചേർക്കുക എന്നതാണ്. എങ്ങനെയെന്നറിയാൻ ചുവടെയുള്ള ഉദാഹരണം കാണുക.

ചില കാരണങ്ങളാൽ, സ്റ്റൈൽ പ്രോപ്പർട്ടി പശ്ചാത്തല വർണ്ണം ടേബിളിലേക്ക് ചേർക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ, തിരഞ്ഞെടുക്കാൻ ഏത് ബദലുകളുമുണ്ടോ. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് നിങ്ങളുടെ ശൈലിയിലോ മറ്റേതെങ്കിലും ബാഹ്യ ശൈലി ഷീറ്റിലോ സ്റ്റൈൽ ഷീറ്റിലെ ശൈലികൾ സജ്ജമാക്കാൻ കഴിയും. ഇനി പറയുന്നവ കാണുക:

പട്ടിക {background-color: # ff0000; } tr {background-color: മഞ്ഞ; } td {background-color: # 000; }

പശ്ചാത്തല നിറം സജ്ജീകരിയ്ക്കുന്നു

ഒരു നിരയിലെ പശ്ചാത്തല നിറം സജ്ജീകരിക്കാനുള്ള ഏറ്റവും നല്ല മാർഗ്ഗം, ഒരു സ്റ്റൈൽ ക്ലാസ് ഉണ്ടാക്കുകയും ആ നിരയിലെ കളങ്ങളിലേക്ക് ക്ലാസ് നൽകുകയും ചെയ്യുക എന്നതാണ്. ഇത് എങ്ങനെ ചെയ്യണമെന്ന് അറിയാൻ താഴെയുള്ള ഉദാഹരണങ്ങൾ നോക്കുക.

CSS:

td.blueCol {background-color: blue; }

HTML:

class = "blueCol" > സെൽ 1 സെൽ 2
class = "blueCol" > സെൽ 1 സെൽ 2

പൊതിയുക

മുൻപ് ഒരു മേശയുടെ പശ്ചാത്തല വർണ്ണം നിങ്ങൾ മാറ്റിയെങ്കിൽപ്പോലും, ഈ രീതി പരീക്ഷിച്ചുനോക്കുന്നതിന് മുകളിലുള്ള ഉദാഹരണങ്ങൾ പകർത്താനാകും. അവതരിപ്പിച്ച വിവിധ ഓപ്ഷനുകൾ പരീക്ഷിച്ചുനോക്കൂ, നിങ്ങൾ ആത്യന്തികമായി സുഖകരമെന്ന് തോന്നുന്ന ഒരെണ്ണം തിരഞ്ഞെടുക്കൂ. നിങ്ങൾക്ക് HTML പട്ടികകളെ കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾ ആവശ്യമെങ്കിൽ, കൂടുതൽ വിശദാംശങ്ങൾക്കായി ഈ FAQ കാണുക.