使用CSS3制作圆角表格

不使用thead、在tbody左边放置th。

tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td

使用thead。tbody中不使用th。

thead > th thead > th thead > th thead > th thead > th
tbody > td tbody > td tbody > td tbody > td tbody > td
tbody > td tbody > td tbody > td tbody > td tbody > td
tbody > td tbody > td tbody > td tbody > td tbody > td

使用thead,结合单元格。在tbody左边放置th。

thead > th thead > th thead > th thead > th thead > th
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td

使用thead,thead内th分为多行。在tbody左边放置th。

thead > th thead > th thead > th
thead > th thead > th thead > th thead > th
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td

使用thead。在tbody左边放置th。使用tfoot。

thead > th thead > th thead > th thead > th thead > th
tfoot > th tfoot > td tfoot > td tfoot > td tfoot > td
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td
tbody > th tbody > td tbody > td tbody > td tbody > td