使用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 |