ai 画表格,

🗣 SL提问: ai 画表格

✍️ Ai批改: 当然可以！以下是创建表格的示例代码，您可以根据需要进行修改。以下是一个简单的HTML和CSS代码示例，用于创建一个基本的表格：

html
<!DOCTYPE html
<html lang=zh-CN
<head
<meta charset=UTF-8
<meta name=viewport content=width=device-width, initial-scale=1.0
<title表格示例</title
<style
table {
width: 80%;
margin: 20px auto;
border-collapse: collapse;
font-family: Arial, sans-serif;
}
th, td {
padding: 10px;
text-align: center;
border: 1px solid ddd;
}
th {
background-color: f4f4f4;
font-weight: bold;
}
tr:nth-child(even) {
background-color: f9f9f9;
}
tr:hover {
background-color: f1f1f1;
}
</style
</head
<body

<table
<thead
<tr
<th姓名</th
<th年龄</th
<th职业</th
<th城市</th
</tr
</thead
<tbody
<tr
<td张三</td
<td25</td
<td软件工程师</td
<td北京</td
</tr
<tr
<td李四</td
<td30</td
<td设计师</td
<td上海</td
</tr
<tr
<td王五</td
<td28</td
<td产品经理</td
<td广州</td
</tr
<tr
<td赵六</td
<td35</td
<td市场营销</td
<td深圳</td
</tr
</tbody
</table

</body
</html

说明：
1、HTML结构：
`<table`：定义表格。
`<thead`：表格头部。
`<tbody`：表格主体内容。
`<th`：表头单元格。
`<td`：普通单元格。

2、CSS样式：
`border-collapse: collapse;`：合并单元格边框。
`nth-child(even)` 和 `hover`：为表格行添加交替背景色和鼠标悬停效果。

您可以将此代码复制到HTML文件中并在浏览器中打开以查看效果。如果需要更复杂的功能或特定样式，请告诉我！