ஒரு அட்டவணை பின்னணி வண்ணம் மாற்ற எப்படி

பல புதிய அல்லது அமெச்சூர் வலை வடிவமைப்பாளர்கள் ஒரு மேஜையின் பின்னணி நிறத்தை எவ்வாறு மாற்ற வேண்டும் என்பது தெரிந்து கொள்ள வேண்டும். நிமிடங்களில், நீங்கள் இந்த சுருக்கமான பயிற்சி மூலம் இந்த நுட்பத்தை எவ்வாறு இயக்க வேண்டும் என்பதை அறியலாம். இது போல் தெரிகிறது முறை மிரட்டுதல் அல்ல. ஒரு அட்டவணை பின்னணி நிறத்தை மாற்றுதல் என்பது கலத்தில், வரிசையில் அல்லது அட்டவணையில் நீங்கள் விரும்பும் ஒரு கற்பிதத்தை சேர்ப்பது போன்றது.

எப்படி தொடங்குவது

பண்பு bgcolor அட்டவணை பின்னணி நிறம் மாறும் அதே போல் தற்போதைய அட்டவணை வரிசையில் அல்லது தற்போதைய அட்டவணை செல். ஆனால் bgcolor கற்பிதம் பாணி தாள்கள் ஆதரவாக நீக்கப்பட்டது, எனவே அது அட்டவணை பின்னணி நிறத்தை மாற்ற மிகவும் உகந்த வழி அல்ல. பின்புல நிறத்தை மாற்றுவதற்கான சிறந்த வழி, பாணி சொத்து பின்னணி-வண்ணத்தை அட்டவணையை, வரிசை அல்லது செல் குறிக்கு சேர்க்க வேண்டும். எப்படி என்பதை அறிய கீழே உள்ள எடுத்துக்காட்டைக் காண்க.

சில காரணங்களால், நீங்கள் ஸ்டைல் ​​சொத்து பின்னணி-வண்ணத்தை அட்டவணையில் சேர்க்க விரும்பவில்லை, தேர்வு செய்யக்கூடிய மாற்றுகள் உள்ளன. உதாரணமாக, பாணியை உங்கள் ஆவணத்தின் தலைப்பில் அல்லது வெளிப்புற பாணியில் ஒரு நடை தாளை அமைக்க முடியும். பின்வருவனவற்றைக் காண்க:

அட்டவணை {background-color: # ff0000; } tr {background-color: மஞ்சள்; } td {background-color: # 000; }

பின்னணி வண்ணத்தை அமைத்தல்

ஒரு நெடுவரிசையில் பின்னணி நிறத்தை அமைப்பதற்கான சிறந்த வழி, ஒரு பாணி வகுப்பை உருவாக்குவதோடு அந்த நெடுவரிசையில் உள்ள கலங்களுக்கு வர்க்கத்தை ஒதுக்குவதாகும். இதை எப்படி செய்வது என்பதை அறிய கீழே உள்ள எடுத்துக்காட்டுகளைப் பாருங்கள்.

CSS:

td.blueCol {பின்னணி-நிறம்: நீலம்; }

HTML:

class = "blueCol" > cell 1 செல் 2
class = "blueCol" > உயிரணு 1 செல் 2

வரை போடு

முன் ஒரு அட்டவணை பின்னணி வண்ணங்களை நீங்கள் மாற்றியமைக்கவில்லை என்றால், இந்த முறையை உங்கள் சொந்த முயற்சி செய்ய மேலே உள்ள உதாரணங்கள் நகலெடுக்க முடியும். வழங்கப்பட்ட பல்வேறு விருப்பங்களை முயற்சி செய்து, இறுதியில் நீங்கள் மிகவும் வசதியாக உணரக்கூடிய ஒன்றைத் தேர்வுசெய்யவும். மேலும் HTML அட்டவணையைப் பற்றிய கூடுதல் தகவலை நீங்கள் விரும்பினால், கூடுதல் விவரங்களுக்கு இந்த FAQ ஐத் தொடர்புகொள்ளவும்.