Python - HTML - 发送带有 CSS 样式的 HTML 表格答案

【问题标题】：Python - HTML - Send HTML Table with CSS StylePython - HTML - 发送带有 CSS 样式的 HTML 表格
【发布时间】：2019-08-08 05:48:18
【问题描述】：

我正在尝试发送一封电子邮件，其中包含一些 CSS 配置的表格作为正文。为此，我有以下代码：

import csv
from tabulate import tabulate
from email.mime.multipart import MIMEMultipart
from email.mime.text import MIMEText
import smtplib

text = """Hello, Friend.Here is your data:{table}Regards,Me"""
html = """"\
<html>
<head>
  <style type="text/css">
     .tg  {border-collapse:collapse;border-spacing:0;}
     .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
     .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
     .tg .tg-0lax{text-align:left;vertical-align:top} 
  </style>
</head>
<body>
  <table class="tg">
    <tr>
      <th class="tg-0lax">Environment</th>
      <th class="tg-0lax">Date</th>
      <th class="tg-0lax">Error_Type</th>
      <th class="tg-0lax">Error_Object</th>
      <th class="tg-0lax">Description</th>
    </tr>
    <tr>
      <td class="tg-0lax">DEV</td>
      <td class="tg-0lax">15/03/2019</td>
      <td class="tg-0lax">ERROR</td>
      <td class="tg-0lax">Table</td>
      <td class="tg-0lax">More columns than expected</td>
    </tr>
  </table>
</body>
</html>"""

with open('file.csv') as input_file:
    reader = csv.reader(input_file)
    data = list(reader)

但是我在添加 CSS 样式时遇到了问题：

html = html.format(table=tabulate(data, headers="firstrow", tablefmt="html"))
KeyError: 'border-collapse'

如何在我的 HTML 表格中添加该 CSS 样式？

非常感谢！！！

【问题讨论】：

Laurent LAPORT 的回答是正确的。建议使用内联样式而不是嵌入式样式表，因为诸如 gmail 之类的电子邮件客户端会从 head 标记中去除大部分 CSS 规则。

标签： python html css csv tabulate

【解决方案1】：

您需要在oder中使用双花括号以避免字符串格式插值。

例如：

  <style type="text/css">
     .tg  {{border-collapse:collapse;border-spacing:0;}}
     .tg td{{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}}
     .tg th{{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}}
     .tg .tg-0lax{{text-align:left;vertical-align:top}} 
  </style>

【讨论】：