2010-04-16 17 views
7

मैं एक 1 डीटी काला बाहरी सीमा और प्रत्येक टीडी के आसपास एक ही सीमा के साथ एक HTML तालिका बनाना चाहता हूं।काला बाहरी के साथ तालिका, लेकिन ग्रे आंतरिक सीमा

(निश्चित रूप से केवल सीमाओं,) इस तरह दिखना चाहिए

enter image description here

मैं

<table border="1" style="border-collapse:collapse; border-color:Black; border-style:solid; border-width:1pt"> 

का उपयोग एक परिणाम के रूप में मैं एक काला बाहरी, लेकिन ग्रे आंतरिक बॉर्डर मिलता है।

+0

क्या ब्राउज़र आप पर परीक्षण कर रहे हैं? आपका कोड क्रोम पर आंतरिक सीमाओं (या जो भी निर्दिष्ट है) उत्पन्न करता है। –

+0

आह धन्यवाद, बहुत रोचक! मैं इंटरनेट एक्सप्लोरर का उपयोग करता हूं। – AGuyCalledGerald

उत्तर

10

आप अपने सीएसएस स्टाइलशीट में ऐसा कुछ करने का प्रयास कर सकते हैं।

.mytable 
{ 
border-collapse:collapse; 
border-color:#000000; 
border-style:solid; 
border-width:2px; 
} 

.mytable td 
{ 
border-color:#cccccc; /*grey*/ 
border-style:solid; 
border-width:1px; 
} 

और कुछ इस HTML की तरह:

<table class="mytable"> 
    <tr> 
     <td>Content</td> 
    </tr> 
</table> 

Example here

+1

सीएसएस चयनकर्ता table.mytable होना चाहिए - बिना अंतरिक्ष के - या बस .mytable। अब यह एक टेबल के अंदर एक .mytable वर्ग को लक्षित कर रहा है। – easwee

+0

आह! धन्यवाद! आज हर जगह Typos :) – Kyle

+0

बढ़िया! मैंने सोचा कि यह td's, से बात किए बिना काम करेगा लेकिन ऐसा नहीं लगता है। – AGuyCalledGerald

संबंधित मुद्दे