Question

我真的很想使用这个表的布局，但是如何将其等同于CSS标准的HTML5？

<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>

Answer 1

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

table td {
    margin: 1px;
    padding: 3px;
}

Answer 2

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

链接到HTML页面中的文件

给你的表一个id =“mytable”

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

#mytable td {
padding:3px;
}

正在编辑，然后看到其他海报回复。所以，他把它钉在了一起。

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

2 个答案: