如何将样式应用于电子邮件正文中的 table？

Question

我想通过程序发送电子邮件。在电子邮件的正文中，我想包含一个 HTML table。我将 table 的属性 border 设置为 1 但不太好看：边框很粗：

var sender = "noreply@mydomain.com";
let transporter = nodemailer.createTransport({
    host: "some_ip_address",
    port: 25,
    secure: false,
    tls: {
        rejectUnauthorized: false
    }
});
transporter.sendMail({
    from: sender,
    to: "some_email@domain.com",
    subject: 'test table html in email',
    html: "Hello,<br/><table border='1'><thead><tr><th>entete 1</th><th>entete 2</th><th>entete 3</th></tr></thead><tbody><tr><td>data 1</td><td>data 2</td><td>data 3</td></tr></tbody></table>"
}, function (error, info) {
    if (error) {
        console.log('============================== Email not sent: ', error);
    } else {
        console.log('============================== Email sent: ', info.response);
    }
});

是否可以为 table 的 td 元素设置一个 css 边框，使它们像一条线宽为 1 的线？

Answer 1

您可以添加 style 属性以通过 CSS 规则实现您想要的边框外观。

例如：

<table border="1" style='border-collapse:collapse;'>

这应该会使所有边框都显得很细。

如何将样式应用于电子邮件正文中的 table？

How to apply styles to a table which is in an email's text body?

email

html-email

node.js

nodemailer