<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 5px; padding: 0px; } table { border-collapse: collapse; } th, td { padding: 30px; border: 1px solid #000; } .a { background: darkgray; } </style> </head> <body> <p>姓名<input type="text"></p> <p>年龄<input type="text"></p> <p><input type="radio" name="sex">男</p> <p><input type="radio" name="sex">女</p> <br> <br> <input type="checkbox">打球<br> <input type="checkbox">听歌<br> <input type="checkbox">逛街<br> <br> <br> <!-- 设置表格 --> <table> <thead> <tr class="a"> <th>姓名</th> <th>年龄</th> <th>拼音</th> <th>职位</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>43</td> <td>Zhangsan</td> <td>总经理</td> </tr> <tr> <td>李四</td> <td>43</td> <td>Lisi</td> <td>设计师</td> </tr> <tr> <td>王五</td> <td>25</td> <td>Waangwu</td> <td>工程师</td> </tr> </tbody> </table> </body> </html>