ஒரு வலைத்தளத்தின் அட்டவணையின் பாகங்களின் வண்ணங்களை மாற்றியமைக்கும் முறை பல ஆண்டுகளாக மாறிவிட்டது, நடைமுறைத் தாள்களின் அறிமுகத்துடன் எளிதாகவும் குறைவான உழைப்புடன் தீவிரமாகவும் மாறியது.
பழைய முறை ஒரு அட்டவணை பின்னணி நிறத்தை மாற்ற பண்பு bgcolor பயன்படுத்தப்படுகிறது. இது அட்டவணை வரிசை அல்லது ஒரு அட்டவணை கலத்தின் நிறத்தை மாற்றுவதற்கும் பயன்படுத்தலாம். ஆனால் bgcolor பண்புக்கூறு பாணி தாள்களுக்கு ஆதரவாக நீக்கப்பட்டது, எனவே அது ஒரு அட்டவணை பின்னணி நிறத்தை மாற்றுவதற்கான உகந்த வழி அல்ல.
பின்புல நிறத்தை மாற்றுவதற்கான சிறந்த வழி, பாணி சொத்து பின்னணி-வண்ணத்தை அட்டவணை, வரிசை அல்லது செல் குறிக்கு சேர்க்க வேண்டும்.
இது முழு அட்டவணையின் பின்புல நிறத்தை மாறும்:
ஒற்றை வரிசையின் நிறத்தை மாற்ற, பின்புல வண்ணத்தை செருகவும்
டேக்:
பண்புக்கூற்றை சேர்ப்பதன் மூலம் ஒரு ஒற்றை கலனின் நிறத்தை மாற்றலாம்
டேக்:
|
நீங்கள் பின்னணி வண்ணங்களை டேபிள் தலைவர்களுடனும், அல்லது பயன்படுத்தலாம் | குறிச்சொல், அதே வழியில்: | நடைதாள் வண்ணங்களை மாற்று வண்ணத்தை மாற்றவும்
நீங்கள் பாணி சொத்து பின்னணி-வண்ணத்தை அட்டவணையில் சேர்க்க விரும்பவில்லை என்றால், பின்புல நிறத்தை அமைப்பதற்கு மாற்று வழிகள் உள்ளன. உதாரணமாக, உங்கள் HTML ஆவணத்தின் HEAD இல் உள்ள நடை பாணியில் பாணியை அமைக்கலாம் அல்லது அவற்றை வெளிப்புற பாணியில் அமைக்கலாம். இந்த மாற்றங்கள் HEAD அல்லது வெளிப்புற நடை தாள் அட்டவணைகள், வரிசைகள் மற்றும் கலங்களுக்கு இதுபோன்ற தோன்றும்:
அட்டவணை {background-color: # ff0000; } tr {background-color: மஞ்சள்; } td {background-color: # 000; } வரிசை பின்னணி வண்ணம் அமைத்தல்
ஒரு பத்தியில் பின்னணி நிறத்தை அமைப்பதற்கான சிறந்த வழி, ஒரு பாணி வகுப்பை உருவாக்குவதோடு அந்த நெடுவரிசையில் உள்ள கலங்களுக்கு வர்க்கத்தை ஒதுக்குவதாகும். ஒரு வகுப்பை உருவாக்குவது, ஒரு வர்க்கத்தை ஒரு குறிப்பிட்ட நெடுவரிசையில் பயன்படுத்தி, அந்த வர்க்கத்தை செருகுவதற்கு அனுமதிக்கிறது.
CSS:
td.ColColor {பின்னணி-நிறம்: நீலம்; } HTML:
| செல் 1 | செல் 2 | | செல் 1 | செல் 2 |
பின்னணி வண்ணங்களை ஒரு நடை தாள் கட்டுப்படுத்தும் ஒரு குறிப்பிடத்தக்க நன்மை, பின்னர் உங்கள் வண்ண தேர்வுகளை மாற்றும் திறன் ஆகும். மாறாக HTML ஆவணம் மூலம் சென்று ஒவ்வொன்றிலும் மாற்றங்களைச் செய்வதற்கு பதிலாக, CSS இல் வண்ணத் தேர்வில் ஒரே மாற்றத்தை நீங்கள் செய்யலாம் மற்றும் அது வர்க்கம் = "ColColor" பயன்படுத்தும் ஒவ்வொரு நிகழ்விற்கும் உடனடியாக பயன்படுத்தப்படும். இது மிகப்பெரிய அளவிலான நேரத்தை சேமிக்கிறது மற்றும் ஒரு கலர் நிற மாற்றம் இல்லாததைப் போன்ற பிழையின் வாய்ப்புகளை பெரிதும் குறைக்கிறது.
முன்பே ஒரு இணைய ஆவணத்தில் ஒரு மேஜையின் பின்னணி வண்ணங்களை நீங்கள் மாற்றியமைக்கவில்லை என்றால், மேலே உள்ள எடுத்துக்காட்டுகளை நகலெடுத்து, உங்கள் சொந்த வழியில் இந்த முறையை பரிசோதிக்கவும். நீங்கள் பெரிய வலைத்தளங்களுடன் பணிபுரிகிறீர்கள் என்றால், பாணி குறிச்சொற்களைப் பயன்படுத்தி, குறிப்பாக பாணி தாள்கள் மூலம் வண்ண மாற்றங்களைச் செய்வது எவ்வளவு எளிது என்பதை விரைவாக கண்டறியலாம். வழங்கப்பட்ட பல்வேறு விருப்பங்களை முயற்சி செய்து இறுதியில் நீங்கள் மிகவும் வசதியாக இருக்கும் என்று ஒரு தேர்வு.
|
