अपनी पृष्ठभूमि से अलग-अलग तालिकाओं को वेबपृष्ठ पर अन्य सभी चीज़ों के सापेक्ष तालिका की सामग्री पर जोर देने में मदद मिलती है। एक टेबल पृष्ठभूमि जोड़ने के लिए, आपको अपने वेबपृष्ठ का समर्थन करने वाली कैस्केडिंग स्टाइल शीट (सीएसएस) को ट्विक करना होगा।
शुरू करना
तालिका में पृष्ठभूमि छवि जोड़ने का सबसे अच्छा तरीका सीएसएस का उपयोग करना है
पृष्ठभूमि
संपत्ति। सीएसएस को प्रभावी ढंग से लिखने और अप्रत्याशित डिस्प्ले ग्लिच से बचने के लिए खुद को तैयार करने के लिए, अपनी पृष्ठभूमि छवि खोलें और ऊंचाई और चौड़ाई का नोट बनाएं। फिर अपनी होस्टिंग प्रदाता को अपनी छवि अपलोड करें। छवि के लिए यूआरएल का परीक्षण करें; छवियों को प्रदर्शित नहीं करने के सबसे आम कारणों में से एक है क्योंकि यूआरएल में एक टाइपो है। आपके द्वारा उस चरण को समाप्त करने के बाद, अपने दस्तावेज़ के सिर में एक सीएसएस स्टाइल ब्लॉक डालें:
तालिका {पृष्ठभूमि: यूआरएल (" छवि के लिए यूआरएल ") दोहराना;} छवि चौड़ाई और ऊंचाई से मेल खाने के लिए तालिका की चौड़ाई और ऊंचाई सेट करें। यदि आपकी तालिका सामग्री छवि ऊंचाई और चौड़ाई से बड़ी है, तो पृष्ठभूमि छवि केवल एक बार प्रदर्शित होगी। उपरोक्त निर्देश पृष्ठ पर प्रत्येक तालिका पर एक ही पृष्ठभूमि छवि सेट करेंगे। यदि आप पृष्ठभूमि को केवल विशिष्ट सारणी पर रखना चाहते हैं, तो आपको एक का उपयोग करने की आवश्यकता है कक्षा
table.background {पृष्ठभूमि: यूआरएल (" छवि के लिए यूआरएल ") दोहराना;} बड़ी सारणी, या अधिक सामग्री वाले टेबल, पृष्ठभूमि को दोहराने की आवश्यकता हो सकती है ताकि पूरी तालिका भर दी जा सके। अपने सीएसएस में मान बदलें ताकि छवि वाई-अक्ष, एक्स-अक्ष पर दोहराई जा सके, या दोनों पर टाइल हो। पृष्ठभूमि: यूआरएल ("छवि के लिए यूआरएल") दोहराना;
डिफ़ॉल्ट रूप से दोहराना मूल्य टाइल किया जाएगा, लेकिन आप दोहराना मूल्य भी सेट कर सकते हैं दोहराने-x
या दोहराने-y तालिका कक्षों पर सेट कोई भी पृष्ठभूमि रंग तालिका पर पृष्ठभूमि छवि को ओवरराइड करेगा। तो तालिका पृष्ठभूमि छवियों के संयोजन में अपने कोशिकाओं पर पृष्ठभूमि रंगों का उपयोग करते समय सावधान रहें। टेबल पृष्ठभूमि आपके टेबल को अंतर्निहित पृष्ठ से अलग रखेगी। हालांकि, इस तकनीक का उपयोग करने से पहले दो बार सोचें। एक तटस्थ छवि डालने से विचलित नहीं हो सकता है, लेकिन जटिल चित्रों को प्यारा होने का इरादा है (उदाहरण के लिए, पालतू गोद लेने का संकेत देने वाली तालिका के पीछे बिल्ली के बच्चे की तस्वीर डालना) गैर-व्यावसायिक दिखाई दे सकता है और टैब्यूलर डेटा की पठनीयता को प्रभावित कर सकता है। आपके द्वारा उपयोग की जाने वाली कोई भी छवि उचित रूप से लाइसेंस प्राप्त होनी चाहिए; सिर्फ इसलिए कि आप वेब पर एक फोटो पा सकते हैं इसका मतलब यह नहीं है कि आप इसे अपने स्वयं के उपयोग के लिए उपयुक्त बना सकते हैं। कॉपीराइट का सम्मान करें!
सेल 1 सेल 2 सेल 1 सेल 2 …
बस एक टेबल पर एक पृष्ठभूमि रखो
वर्ग = "पृष्ठभूमि" शैली = "चौड़ाई: 400 पीएक्स; ऊंचाई: 500 पीएक्स;> …
टेबल पृष्ठभूमि छवि दोहराएं
क्रमशः क्षैतिज या लंबवत टाइल करने के लिए।
सेल पृष्ठभूमि रंग तालिका पृष्ठभूमि छवि ब्लॉक
विचार




