तालिकाको लागि पृष्ठभूमिको रूपमा छवि कसरी सेट गर्नुहोस्

तालिका पृष्ठभूमिमा छवि पृष्ठभूमि थप्न CSS पृष्ठभूमि गुण प्रयोग गर्नुहोस्

तिनीहरूको पृष्ठभूमिबाट अलग-अलग तालिकाहरूले वेबपेजमा सबै चीजसँग सम्बन्धित तालिकाको सामग्रीलाई जोड दिन्छ। तालिका पृष्ठभूमि थप्नको लागि, तपाइँले तपाइँको वेबपेजलाई समर्थन गर्ने क्यासिंगिङ शैली पाना (CSS) ट्वीक गर्न आवश्यक छ।

सुरु गर्दै

तालिकामा पृष्ठभूमि छवि थप्न उत्तम तरीका CSS पृष्ठभूमि गुण प्रयोग गर्न हो। स्वचालित रूपमा सीएसएस लेख्न र अप्रत्याशित प्रदर्शन glitches बाट बच्न तयार गर्न, आफ्नो पृष्ठभूमि छवि खोल्नुहोस् र उचाइ र चौडाईको नोट बनाउनुहोस्।

त्यसपछि तपाईंको छविलाई तपाइँको होस्टिंग प्रदायकमा अपलोड गर्नुहोस्। छविको लागि URL को परीक्षण गर्नुहोस्; एक सामान्य कारणहरू मध्ये एक छ किनकि छविहरू प्रदर्शन हुँदैन किनकि URL मा एक typo छ।

तपाइँले यो चरण समाप्त गरेपछि, तपाईंको कागजातको शीर्षमा सीएसएस शैली ब्लक राख्नुहोस्:

<शैली प्रकार = "पाठ / सीएसएस">

1. तपाईंको तालिकामा पृष्ठभूमिको लागि आफ्नो CSS लेख्नुहोस् र शैली ब्लक भित्र राख्नुहोस्:

   तालिका {पृष्ठभूमि: url (" छविमा URL ") no-repeat; }

2. HTML मा तपाइँको तालिका राख्नुहोस्:

   <तालिका>
   
   सेल 1
   सेल 2
   
   
   सेल 1
   सेल 2
   
   

3. छवि चौडाई र उचाइसँग मेल खाने चौडाई र उचाइ सेट गर्नुहोस्।

   <तालिका शैली = " चौडाई: 400px; ऊँचाई: 500px; "> ...

यदि तपाईंको तालिका सामग्री छवि उचाइ र चौडाई भन्दा ठूलो हो भने, पृष्ठभूमि छवि केवल एक पटक प्रदर्शन हुनेछ।

बस एक तालिकामा पृष्ठभूमि राख्नुहोस्

माथिको निर्देशनहरूले पृष्ठको हरेक तालिकामा समान पृष्ठभूमि छवि सेट गर्नेछ।

यदि तपाइँ पृष्ठभूमिलाई केवल विशिष्ट टेबलमा राख्न चाहनुहुन्छ भने, तपाईंलाई क्लाउड विशेषता प्रयोग गर्न आवश्यक छ।

1. पढ्नका लागि आफ्नो CSS परिवर्तन गर्नुहोस्:

   table.background {पृष्ठभूमि: url (" छविमा URL ") no-repeat; }

2. कुनै पनि तालिकामा क्लाउड पृष्ठभूमि जोड्नुहोस् जुन तपाईं पृष्ठभूमि छवि चाहानुहुन्छ। ती तालिकाहरूको लागि चौडाई र उचाइ सेट गर्नुहोस्।

   <तालिका वर्ग = "पृष्ठभूमि" शैली = "चौडाई: 400px; ऊँचाई: 500px;> ...

तालिका पृष्ठभूमि छवि दोहोर्याउनुहोस्

अधिक सामग्रीको साथ ठूलो टेबलहरू, वा तालिकाहरू, पृष्ठभूमि पुनरावृत्ति हुन आवश्यक पर्दछ ताकि सम्पूर्ण तालिका भरिएको छ। तपाईंको CSS मा मान परिवर्तन गर्नुहोस् ताकि छविले y-axis, x-axis मा पुन: दोहोर्याउँछ वा दुवैमा टाइल गरिएको छ।

पृष्ठभूमि: url (" छविमा URL ") दोहोर्याउनुहोस् ;

पूर्वनिर्धारित रूपमा दोहोर्याइएको मान टाइल गरिएको छ, तर तपाइँले दोहोरो मूल्यलाई दोहोरो दोहोरो दोहोर्याउन वा दोहोरो तेर्सो रूपमा तेर्सो वा ठाडो रूपमा टाइलमा दोहोर्याउन सक्नुहुन्छ।

कक्ष पृष्ठभूमि रंग तालिका तालिका पृष्ठभूमि छवि ब्लक गर्नुहोस्

कुनै पनि पृष्ठभूमि रङहरू तालिका कक्षहरूमा सेट तालिकामा पृष्ठभूमि छवि ओभरराइड गर्दछ। त्यसैले तालिका पृष्ठभूमि छविहरूसँग संयोजनमा तपाईंको कक्षहरूमा पृष्ठभूमि रंगहरू प्रयोग गर्दा सावधान रहनुहोस्।

विचारहरू

टेबलेट पृष्ठभूमिले तपाईंका तालिकाहरू अन्तर्वार्ता पृष्ठबाट अलग गर्नेछ। तथापि, यो प्रविधिको प्रयोग गर्नु अघि दुई पटक सोच्नुहोस्। तटस्थ छवि घुसाउन नहुन सक्छ, तर जटिल चित्रहरू प्यारा हुनुको लागी (उदाहरणका लागि, पाटपछाडको पातको चित्र सम्मिलित गरी पाल्पा गोर्खाहरूलाई संकेत गर्दै) असामान्य रूपमा देखा पर्न सक्छ र ट्याबुलल डेटाको पढाइलाई असर गर्न सक्छ।

तपाईंले प्रयोग गर्नुभएका कुनैपनि तस्बिर ठीकसँग इजाजतपत्र लिनु पर्छ; केवल किनभने तपाईं वेबमा फोटो फेला पार्न सक्नुहुन्न मतलब छैन तपाईं यसलाई आफ्नो प्रयोगको लागि उपयुक्त गर्न सक्नुहुनेछ।

प्रतिलिपि अधिकारको सम्मान गर्नुहोस्!