table border重叠问题

HTML中创建table时，设置border：1px，但是tr与tr之间，td与td之间的border会相加为2px，如下图：

为了使border都为1，设置属性：

 语法：border-collapse : separate | collapse
取值：
separate :　 默认值。边框独立(标准HTML)
collapse :　 相邻边被合并

table {
   border-collapse: collapse; 
   }