表格边框css

table标签默认是没有边框的，但是如果我们自己加上边框boder:1px solid black;只有整个表格最外面有边框，那么如何给表格添加样式使得整个表格的tr、td都具有边框呢：

<style>
table, th , td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
table tr:nth-child(odd)    {
  background-color: #f1f1f1;
}
table tr:nth-child(even) {
  background-color: #ffffff;
}
</style>

上面代码中最后还加上了CSS3 :nth-child() 选择器对奇、偶行采用不同的背景色，同时也可以采用公式table tr:(2n+1)使用。