CSS简介代码实现表格(table)只有横线没有竖线的效果，一个简约卡片化精美的数据表格(类似Bootstrap表格)

实现效果

简单来说先设置 table 的 border-collapse:collapse，把表格整体边框取消。然后设置 table,th,tr,td 底部边框线即可。

HTML：

	
    	编号(ID)
        名称(Name)
        描述(Describe)
        排序(Sort)
        操作(Operation)
    
    
        01
        产品经理
        负责产品落地
        one
        无操作
    
    
        02
        架构师
        负责技术架构
        two
        无操作
    

CSS：

table{
   	width:70%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);/* 阴影 */
    border-collapse:collapse;/* 取消表格边框 */
    letter-spacing:1px;/* 文字缩进 */
}
table,th,tr,td{ 
    border-bottom:1px solid #dedede;/* 表格横线 */
    padding:29px;
    text-align: center;
}