如何在脚本任务HTML电子邮件(c#,HTML,CSS)上拉伸背景图像

本文关键字:HTML CSS 图像 背景 脚本 任务 电子邮件 | 更新日期: 2023-09-27 18:33:51

我有一个创建HTML电子邮件的脚本任务,我可以添加背景图像,但我无法使图像拉伸到一定大小。 我读到的所有内容都建议使用 CSS,但我不太精通 HTML/CSS,甚至不太确定如何在脚本任务中实现这一点。 这是我的代码:

  DataTable dt = new DataTable();
sdaGetValidation.Fill(dt);   
StringBuilder sb = new StringBuilder();
sb.AppendLine("<html><body {background='http://myImage.jpg'>");
sb.AppendLine("'t" + "<body>");
sb.AppendLine("'t't" + "<table>");
sb.Append("<table border='1px' solid line black cellpadding='5' cellspacing='0' ");
sb.Append("style='border: solid 1px Silver; font-size: x-small;'>");
sb.Append("'t't" + "<tr>");
foreach (DataColumn dc in dt.Columns)
{
    sb.AppendFormat("<td>{0}</td>", dc.ColumnName);
}
sb.AppendLine("<tr>");
foreach (DataRow dr in dt.Rows)
{
    sb.Append("'t't't" + "<tr>");
    foreach (DataColumn dc in dt.Columns)
    {
        string cellValue = dr[dc] != null ? dr[dc].ToString() : "";
        sb.AppendFormat("<td>{0}</td>", cellValue);
    }
    sb.AppendLine("</tr>");
}
sb.AppendLine("'t't't" + "</table>");
sb.AppendLine("'t" + "</body>");
sb.AppendLine("</html>");
MessageBox.Show(sb.ToString());

此行获取要显示的图像,但它平铺:

sb.AppendLine("<html><body background='http://myImage.jpg'>");

我希望对于比我更了解HTML的人来说,这将是一个快速的胜利。 我再次阅读我需要使用 CSS,但甚至不确定这是否属实或在这种情况下如何实现 CSS。

如何在脚本任务HTML电子邮件(c#,HTML,CSS)上拉伸背景图像

尝试在 body 标签中添加 style 属性:

<body style="background-image:url('http://something.com'); background-size:cover;">