帮我写一个 邮件模板 ,包含主体内容及六列表头的table表格,要求兼容移动端,样式要好看
时间: 2024-03-21 20:41:37 浏览: 16
当然可以,以下是一个简单的HTML邮件模板,包含主体内容和一个六列表头的表格。它采用了简洁的设计和适合移动设备的响应式布局。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>邮件标题</title>
</head>
<body style="background-color: #f5f5f5; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6; padding: 20px;">
<table style="max-width: 600px; margin: 0 auto; border-collapse: collapse; border: none;">
<tr>
<td style="text-align: center; background-color: #fff; padding: 20px;">
<h1 style="color: #333;">邮件标题</h1>
</td>
</tr>
<tr>
<td style="background-color: #fff; padding: 20px;">
<p>亲爱的用户,</p>
<p>这是我们最新的优惠活动,欢迎参加!</p>
</td>
</tr>
<tr>
<td style="background-color: #fff; padding: 20px;">
<table style="width: 100%; border-collapse: collapse;">
<thead>
<tr style="background-color: #f5f5f5;">
<th style="border: 1px solid #ddd; padding: 10px;">列1</th>
<th style="border: 1px solid #ddd; padding: 10px;">列2</th>
<th style="border: 1px solid #ddd; padding: 10px;">列3</th>
<th style="border: 1px solid #ddd; padding: 10px;">列4</th>
<th style="border: 1px solid #ddd; padding: 10px;">列5</th>
<th style="border: 1px solid #ddd; padding: 10px;">列6</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid #ddd; padding: 10px;">内容1</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容2</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容3</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容4</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容5</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容6</td>
</tr>
<tr>
<td style="border: 1px solid #ddd; padding: 10px;">内容1</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容2</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容3</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容4</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容5</td>
<td style="border: 1px solid #ddd; padding: 10px;">内容6</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="background-color: #fff; padding: 20px;">
<p>如果您有任何问题,请随时联系我们。</p>
<p>谢谢!</p>
</td>
</tr>
</table>
</body>
</html>
```
请注意,这只是一个简单的模板,您可以根据需要进行修改和定制。此模板采用了响应式设计,可以在移动设备上进行良好的显示。