வலைப்பக்கத்தில் அட்டவணையை ஒரு பின்னணி என்று ஒரு படத்தை அமைக்கிறது

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

தொடங்குதல்

ஒரு அட்டவணைக்கு பின்னணி படத்தை சேர்க்க சிறந்த வழி CSS பயன்படுத்த வேண்டும்

பின்னணி

சொத்து. திறம்பட CSS எழுத மற்றும் எதிர்பாராத காட்சி குறைபாடுகள் தவிர்க்க உங்களை தயார், உங்கள் பின்னணி படத்தை திறக்க மற்றும் உயரம் மற்றும் அகலம் ஒரு குறிப்பு செய்ய. உங்கள் ஹோஸ்டிங் வழங்குநருக்கு உங்கள் படத்தை பதிவேற்றவும். படத்திற்கான URL ஐ சோதிக்க; URL இல் ஒரு டைபோ இருப்பதால் படங்களைக் காண்பிக்காத காரணத்தினால் இது ஒரு பொதுவான காரணியாகும்.நீங்கள் அந்த படி முடித்துவிட்டால், உங்கள் ஆவணத்தின் தலைப்பில் ஒரு CSS ஸ்டைல் பிளாக் வைக்கவும்:

உங்கள் அட்டவணையில் பின்னணிக்கு உங்கள் CSS எழுது மற்றும் பாணியில் பிளாக் உள்ளே வைக்கவும்:
அட்டவணை {பின்னணி: url (" படம் URL ") இல்லை-மீண்டும்;}

உங்கள் அட்டவணையை HTML இல் வைக்கவும்:

செல் 1

செல் 2

செல் 1

செல் 2

பட அகலத்தையும் உயரத்தையும் பொருத்து அட்டவணையின் அகலத்தையும் உயரத்தையும் அமைக்கவும்.
…

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

ஒரே ஒரு டேப்பில் பின்னணி வைத்து

மேலே உள்ள அறிவுறுத்தல்கள் பக்கத்தின் ஒவ்வொரு அட்டவணையிலும் அதே பின்னணி படத்தை அமைக்கும். குறிப்பிட்ட அட்டவணையில் பின்னணி வைக்க விரும்பினால், நீங்கள் ஒரு பயன்படுத்த வேண்டும்

வர்க்கம்

உங்கள் CSS ஐ படிக்கவும்:
table.background {background: url (" படம் URL ") இல்லை-மீண்டும்;}

வர்க்கத்தைச் சேர்க்கவும் பின்னணி எந்த அட்டவணையில் நீங்கள் பின்னணி படத்தை வேண்டும். அந்த அட்டவணைகள் அகலம் மற்றும் உயரம் அமைக்கவும்.
வர்க்கம் = "பின்னணி" பாணி = "அகலம்: 400px; உயரம்: 500px;> …

அட்டவணை பின்னணி படத்தை மீண்டும் செய்யவும்

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

பின்னணி: url ("படத்திற்கான URL") மீண்டும்;
இயல்புநிலையாக, மறு மதிப்பு என்பது கட்டப்பட்டிருக்கும், ஆனால் நீங்கள் மறு மதிப்பை அமைக்கலாம்

மீண்டும் -x
அல்லது

மீண்டும் மீண்டும்-ஒய்
கிடைமட்டமாக அல்லது செங்குத்தாக ஓடுவதற்கு.

செல் பின்னணி வண்ணங்கள் அட்டவணை பின்னணி படத்தை தடு

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

பரிசீலனைகள்

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

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