HTML实现跨行跨列表格

效果图

HTML实现跨行跨列表格_第1张图片
表格有用的属性rowspancolspanalign

rowspan是跨行属性,图中的"名称"就是跨了两行,rowspan="2"就实现了跨两行的功能。
colspan是跨列属性,图中"总价"跨了三列,colspan="3"就实现了跨三列的功能。
在每个td里设置align="center"实现了单元格居中的样式。

源码



    
    Title


    

购物车

名称 2016-11-22 小计
重量 单价
苹果 3公斤 5元/公斤 15元
香蕉 2公斤 6元/公斤 12元
总价 27元

你可能感兴趣的:(HTML实现跨行跨列表格)