这张表的样式的CSS等价物是什么？

我真的很想使用这个表格的布局，但是我怎样才能将它的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>

来源

2012-11-27 user1451890

有趣的是，'style =“background-color：#ffffff”'代替'bgcolor =“＃ffffff”'。 – BoltClock

这里的CSS

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

table td { 
    padding:3px; 
}

来源

2012-11-27 17:01:25 Bruno

'cellspacing'怎么样？ –

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

简而言之：对于非IE 5-7浏览器，border-spacing可以处理您。对于IE来说，如果你的情况恰到好处（你希望0 cellspacing并且你的表没有定义它），你可以使用border-collapse：collapse。表格边框间距：0; border-collapse：collapse; } – topcat3

创建.css文件，然后使用标签

给你的表一个id = “MYTABLE”

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

#mytable td { 
padding:3px; 
}

从你的HTML页面链接到

正在编辑，然后看到其他海报回复。所以是的，他已经钉了下来。

来源

2012-11-27 17:02:27 topcat3

这张表的样式的CSS等价物是什么？

回答

相关问题