编辑你的代码:
<!DOCTYPE html> <html> <head> <style> table, th, td { border-collapse:collapse; border:1px solid black; } th, td { padding:5px; } </style> </head> <body> <h3>单元格被拆分成2列:</h3> <table> <tr> <th>Name</th> <th colspan="2">Telephone</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> <h3>单元格合并:</h3> <table> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">Telephone:</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table> </body> </html>
查看结果:
phpxuexi.net
- 亲自试一试