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