table{
width: 320px
height: 320px
}
tr td{
border:1px dashed #333
}
可以这样写
在CSS中可使用:nth-child()选择器来实现表格隔行变色效果。:nth-child()选择器用于根据元素在一组兄弟中的位置来匹配元素；它匹配第n个子元素。语法：其中arg是表示匹配元素的模式的参数；它可以是一个数字（number）、一个关键字（odd 或 even）或一个函数式。想要隔行设置表格的行颜色需要使用到关键字（odd 或 even），下面就来介绍一下： ● odd ：表示位置为奇数的元素，即1,3,5等。 ● even： 表示位置为偶数的元素，即2,4,6等。示例1： 为在表中交替的偶数行设置颜色 效果图：示例2： 为在表中交替的奇数行设置颜色 效果图： 更多 web开发 知识，请查阅 HTML中文网 ！！在CSS中可以使用border-collapse属性来合并表格边框；border-collapse属性用于设置表中存在的单元格的边框，并告知这些单元格是否共享公共边框。
border-collapse属性设置表格的边框是否被合并为一个单一的边框。
语法：
属性值：
● separate：用于设置单元格的单独边框。
● collapse：用于折叠相邻的细胞并形成共同的边界。
● initial：用于将border-collapse属性设置为其默认值。
● inherit：当border-collapse属性从其父元素继承时使用。
示例：
效果图：
浏览器支持
border-collapse属性支持的浏览器如下：
● Apple Safari 1.2
● 谷歌Chrome 1.0
● Internet Explore / Edge 5.0
● Opera 4.0
● Firefox 1.0
原文地址： 如何使用CSS合并表格边框？
