2010-04-16 67 views
7

我想创建一个带有1pt黑色外边框和每个td周围相同边框的html表格。带有黑色外部但灰色内边框的表格

应该像这样(只边框,当然)

enter image description here

我用

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

因此,我得到一个黑色外,但灰色内部边框。

+0

你测试的是什么浏览器?您的代码会在Chrome上产生黑色(或任何指定的内部边界)。 – 2010-04-16 12:21:48

+0

啊谢谢,很有意思!我使用Internet Explorer。 – AGuyCalledGerald 2010-04-16 12:41:40

回答

10

你可以尝试在你的CSS样式表中实现类似这样的东西。

.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

css选择器应该是table.mytable - 没有空格 - 或只是.mytable。就像现在你正在一个表格中定位一个.mytable类。 – easwee 2010-04-16 12:30:44

+0

啊!谢谢!今天到处都是错字:) – Kyle 2010-04-16 12:35:04

+0

太棒了!我认为这样做不会对tds说话, ,但似乎并非如此。 – AGuyCalledGerald 2010-04-16 14:43:17