我可以替换'with` <table border =“1”> </table>`+ css：`table {...}`？<table> </table>

Question

如果没有table{border:1px solid #000;}语句，

border=1似乎无效。 与将<input width=30>更改为input{width:400px;}的方式相同，我想使用<table>并仅在css中声明边框。这可能吗？

更新 我的错误是使用

table{border-width:1px;}

而不是像。

table{border:1px solid #000;} 

- 工作正常。

Answer 1

使用此CSS：

table {
    border-collapse: collapse
}
td {
    border: 1px solid #000
}

Live Demo

border-collapse: collapse很重要;如果没有它，你会得到双倍的边框，like this。

Answer 2

绝对 - 这是首选方式。您可能需要设置td样式以及tr。

Answer 3

在CSS中尝试这个

 table
    {
    border:1px solid black;
    }

然后你可以在HTML中使用它

<table>
....
</table>

Answer 4

是的，但如果您使用table，则会影响html中的所有表格。

我建议做：

<table class="myTable">然后.myTable { /*css*/ }

Answer 5

你的风格应该是：

table td { border: 1px solid #000000; }

查看工作示例here。

Answer 6

如果您使用<th>标题，并使用下面的代码，则不会在标题周围找到边框：

td { border: 1px solid #000000; }

您还需要添加：

th { border: 1px solid #000000; }

此致