原生table踩坑之单元格空隙与边框圆角不能共存

参考博文：CSS偶有所得 - table 边框加圆角踩坑

 

一、消除单元格空隙

 border-collapse: collapse;

二、表格边框圆角

border-radius: 4px;

生成表格单元格无缝隙但圆角也不存在了，解决方案：

/* 消除掉外边框 */

border-style:hidden

/* hack一下加个阴影 */

box-shadow: 0 0 0 1px #d8d8d8;