首页帮我写一个html文件，第一行具有姓名、性别、年龄、第二行有星座、血型、生肖、第三行职业、手机、邮箱、第四行有个性签名、个人说明、第五回分别是输入个性签名、个人说明的文本输入框，样式排版好看点

帮我写一个html文件，第一行具有姓名、性别、年龄、第二行有星座、血型、生肖、第三行职业、手机、邮箱、第四行有个性签名、个人说明、第五回分别是输入个性签名、个人说明的文本输入框，样式排版好看点

时间: 2023-10-31 09:07:18 浏览: 170

好的，以下是一个简单的HTML文件，其中包含了您提到的所有信息，并且使用CSS样式进行了排版： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人信息</title> <style> /* 样式 */ body { font-family: Arial, sans-serif; background-color: #f5f5f5; } .container { margin: 0 auto; width: 80%; background-color: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); } h1 { text-align: center; font-size: 2em; margin-bottom: 20px; } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table td, table th { border: 1px solid #ddd; padding: 8px; text-align: center; } table th { background-color: #f5f5f5; font-weight: bold; } input[type="text"] { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; } textarea { width: 100%; height: 100px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; } </style> </head> <body> <div class="container"> <h1>个人信息</h1> <table> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>张三</td> <td>男</td> <td>25</td> </tr> </table> <table> <tr> <th>星座</th> <th>血型</th> <th>生肖</th> </tr> <tr> <td>双子座</td> <td>A型</td> <td>蛇</td> </tr> </table> <table> <tr> <th>职业</th> <th>手机</th> <th>邮箱</th> </tr> <tr> <td>程序员</td> <td>13888888888</td> <td>[email protected]</td> </tr> </table> <table> <tr> <th>个性签名</th> <th>个人说明</th> </tr> <tr> <td><textarea></textarea></td> <td><textarea></textarea></td> </tr> </table> </div> </body> </html> ``` 请注意，这只是一个简单的示例，您可以按照自己的需求进行修改。

阅读全文