2010-04-16 101 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