केवल क्षैतिज रूप से तालिकाओं में सेलस्पेसिंग को सेट करने के लिए

Question

मैं नीचे लिखी गई तालिका को स्टाइल करना चाहता हूं।

<table border="1" cellspacing="10"> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
</table> 

समस्या यह है कि cellspacing कोशिकाओं के बीच अंतरिक्ष सेट दोनों horizontaly और verticaly, मैं इसे केवल horizontaly किया जाना चाहते हैं। क्या इसे करने का कोई तरीका है।

Answer 1

मेज पर border-spacing सीएसएस संपत्ति का प्रयोग करें। ब्राउज़र समर्थन काफी अच्छा है (आईई 7 तक मुख्य रूप से आईई को छोड़कर)। उदाहरण:

table { border-spacing: 10px 0; } 

Answer 2

कोशिश सीएसएस

table td{ 

padding:0px 10px 0px 10px; /* top right bottom left */ 

}