首页帮我写一个HTML+css的个人介绍的表格

帮我写一个HTML+css的个人介绍的表格

时间: 2024-02-20 07:57:41 浏览: 72

好的，下面是一个简单的HTML+CSS的个人介绍表格示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>个人介绍表格</title> <style> table { border-collapse: collapse; width: 60%; margin: auto; } th, td { padding: 10px; text-align: left; border: 1px solid #ddd; } th { background-color: #f2f2f2; } </style> </head> <body> <h1>个人介绍</h1> <table> <tr> <th>姓名</th> <td>张三</td> </tr> <tr> <th>性别</th> <td>男</td> </tr> <tr> <th>年龄</th> <td>25</td> </tr> <tr> <th>职业</th> <td>软件工程师</td> </tr> <tr> <th>邮箱</th> <td>zhangsan@example.com</td> </tr> <tr> <th>电话</th> <td>123456789</td> </tr> </table> </body> </html> ``` 上面的代码中，我们使用了HTML的`table`标签来创建表格，并使用CSS对表格进行了样式设置。其中，`border-collapse: collapse`属性用于消除单元格之间的边框间距，`width: 60%`属性用于设置表格宽度为页面宽度的60%，`margin: auto`属性用于将表格居中显示。`th`用于定义表格的表头，`td`用于定义表格的数据单元格。我们还使用了`background-color`属性来设置表头的背景色，以提高可读性。您可以根据自己的需求修改表格内容和样式，制作出符合自己的个人介绍表格。

阅读全文