2012-11-27 74 views
0

我真的很想使用這個表格的佈局,但是我怎樣才能將它的CSS標準等效爲HTML5呢?這張表的樣式的CSS等價物是什麼?

<html> 
<head></head> 
<body> 
<table border="1" bordercolor="#000000" style="background-color:#ffffff" width="100%" cellpadding="3" cellspacing="1"> 
    <tr> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
     <td>Table Cell</td> 
    </tr> 
</table> 
</body> 
</html> 
+2

有趣的是,'style =「background-color:#ffffff」'代替'bgcolor =「#ffffff」'。 – BoltClock

回答

3

這裏的CSS

table { 
    background-color:#ffffff; 
    border:1px solid #000000; 
    border-spacing:1px; 
    border-collapse: separate; 
    width:100%; 
} 

table td { 
    padding:3px; 
} 
+0

'cellspacing'怎麼樣? –

+0

cellspacing:table td {margin:1px;} –

+0

簡而言之:對於非IE 5-7瀏覽器,border-spacing可以處理您。對於IE來說,如果你的情況恰到好處(你希望0 cellspacing並且你的表沒有定義它),你可以使用border-collapse:collapse。 表格邊框間距:0; border-collapse:collapse; } – topcat3

0

創建.css文件,然後使用標籤

給你的表一個id = 「MYTABLE」

#mytable { 
background-color:#ffffff; 
border:1px solid #000000; 
width:100%; 
} 

#mytable td { 
padding:3px; 
} 
從你的HTML頁面鏈接到

正在編輯,然後看到其他海報回覆。所以是的,他已經釘了下來。

相關問題