एचटीएमएल के साथ टीडी सीमा को कैसे हटाएं?

Question

एचटीएमएल इस

+---+---+ 
| | | 
+---+---+ 
| | | 
+---+---+ 

लेकिन मैं इस

+--------+ 
|  | 
|  | 
|  | 
+--------+ 

मैं कैसे कर सकते तरह td के लिए तालिका में सीमा प्रदर्शित करने के लिए केवल नहीं चाहते हैं की तरह

<table border="1"> 
    <tr> 
    <td>one</td> 
    <td>two</td> 
    </tr> 
    <tr> 
    <td>one</td> 
    <td>two</td> 
</tr> 
</table> 

हो जाएगा ताकि उत्पादन सीमाओं बस एचटीएमएल मार्कअप के साथ। (कोई सीएसएस/नहीं इनलाइन शैलियों)

कुछ मामलों मैं केवल कुछ टीडी सीमाओं को दूर करने की जरूरत है और कुछ टीडी सीमा कुछ इस तरह प्रदर्शित करने के लिए:

+---+---+ 
| | | 
+---+ | 
| | | 
+---+---+ 

Answer 1

एक div साथ उस पर घेरा और इसे देने के एक सीमा और आप देख सकते हैं working fiddle here

---

तालिका

<div style="border: 1px solid black"> 
    <table border="0"> 
     <tr> 
      <td>one</td> 
      <td>two</td> 
     </tr> 
     <tr> 
      <td>one</td> 
      <td>two</td> 
     </tr> 
    </table> 
</div> 

से सीमा को दूर

आपके अपडेट किए गए प्रश्न के अनुसार .... जहां आप सीमाओं को जोड़ना या निकालना चाहते हैं। आप पहली बार एचटीएमएल मेज से सीमाओं निकालना होगा और फिर निम्नलिखित

<td style="border-top: 1px solid black"> 

मान लिया जाये कि जैसे आप केवल शीर्ष सीमा चाहते हैं। इसी प्रकार आपको दूसरों के लिए करना है। बेहतर तरीका चार सीएसएस वर्ग बनाएं ...

.topBorderOnly { 
    border-top: 1px solid black; 
} 

.bottomBorderOnly { 
    border-bottom: 1px solid black; 
} 

फिर आवश्यकताओं के आधार पर अपने कोड में सीएसएस जोड़ें।

<td class="topBorderOnly bottomBorderOnly"> 

यह दोनों शीर्ष और निचली सीमा को जोड़ देगा, इसी तरह बाकी के लिए भी करें।

Answer 2

मेरे अंत से सरल समाधान सीमा के साथ एक और टेबल रखना और बाहरी तालिका में अपनी तालिका डालना है।

<table border="1"> 
<tr> 
    <td> 
     <table border="0"> 
      <tr> 
       <td>one</td> 
       <td>two</td> 
      </tr> 
      <tr> 
       <td>one</td> 
       <td>two</td> 
      </tr> 
     </table> 
    </td> 
</tr> 

</table> 

Answer 3

प्रयास करें:

<table border="1"> 
    <tr> 
    <td> 
     <table border=""> 
     ... 
     </table> 
    </td> 
    </tr> 
</table> 

Answer 4

<table border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td> 
      <table border="0"> 
       <tr> 
        <td>one</td> 
        <td>two</td> 
       </tr> 
       <tr> 
        <td>one</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 5

, कोशिकाओं के बीच की सीमाओं को निकालने के लिए, जबकि मेज के चारों ओर सीमा को बनाए रखना, table टैग करने के लिए विशेषता rules=none जोड़ें।

प्रश्न के अंतिम आंकड़े में निर्दिष्ट प्रतिपादन को प्राप्त करने के लिए HTML में कोई रास्ता नहीं है। कुछ कठिन कामकाज हैं जो कुछ अन्य मार्कअप संरचना का उपयोग करने पर आधारित हैं।

Answer 6

पहले

<table border="1"> 
     <tr> 
     <td style='border-right:none;border-left:none;border-bottom:none;border-top:none'>one</td> 
     <td style='border-right:none;border-left:none;border-bottom:none;border-top:none'>two</td> 
     </tr> 
     <tr> 
     <td style='border-right:none;border-left:none;border-bottom:none;border-top:none'>one</td> 
     <td style='border-right:none;border-left:none;border-bottom:none;border-top:none'>two</td> 
    </tr> 
    </table> 

दूसरा उदाहरण

<table border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td style='border-left:none;border-top:none'>one</td> 
    <td style='border-right:none;border-left:none;border-bottom:none;border-top:none'>two</td> 
    </tr> 
    <tr> 
    <td style='border-left:none;border-bottom:none;border-top:none'>one</td> 
    <td style='border-right:none;border-left:none;border-bottom:none;border-top:none'>two</td> 
</tr> 
</table>