3

我想更改整行单元格的背景颜色和字体大小。（使用inline-styles，因为我不能使用样式表或<style>标签）

我应该添加这些样式的哪个元素？我应该将它们添加到每一<td>行还是一次用于<tr>标记？哪种方式更好？

<tr>
    <td style="background-color:red;font-size:12px">blah blah</td>
    <td style="background-color:red;font-size:12px">blah blah</td>
</tr>

或者

<tr style="background-color:red;font-size:12px">
    <td>blah blah</td>
    <td>blah blah</td>
</tr>
4

7 回答 7

1

当我设计 HTML 电子邮件时，我将它添加到 tr 和 td 中。只是为了安全。此外，作为某些电子邮件客户端的后备方案，除了 css 之外，还可以添加 bgcolor=""。

于 2012-08-23T16:08:27.180 回答
1

您的第一个选择是答案：

<tr>
    <td style="background-color:red;font-size:12px">blah blah</td>
    <td style="background-color:red;font-size:12px">blah blah</td>
</tr>

第二种选择永远不会在 Outlook 中起作用。

于 2012-08-19T17:09:38.063 回答
1

我通常将它们应用于细胞，只是为了确保。不过，您可以考虑使用某种服务器端语言，这将防止您不得不一遍又一遍地键入它，并且当您想要更改某些内容时也不会那么痛苦。像这样的东西：

<?php
  $tdStyle = 'style="background-color:red;font-size:12px"';
?>

<tr>
 <td <?php echo $tdStyle;?> >blah blah </td>
 <td <?php echo $tdStyle;?> >blah blah </td>
</tr>

或者和 smarty 一起工作，这更适合这个。这就是我使用的......它看起来像这样：

{$tdStyle = 'style="background-color:red;font-size:12px"'}
<tr>
 <td {$tdStyle}>blah blah </td>
 <td {$tdStyle}>blah blah </td>
</tr>
于 2012-08-19T14:06:56.707 回答
1

将属性设置为 ontd更安全，因为如果您将它们设置为 on tr，那么属性的任何样式表设置（可能超出您的控制）td都将覆盖您的设置。

但是如果您希望控制这种情况并且知道没有其他样式表设置可以干扰，您可以将属性设置为 on tr，使用style属性时会更短。这样，单元格将继承字体属性并且它们将具有透明背景（默认），因此tr背景会发光。

但是，并非所有属性都是继承的。例如，边框属性不是，因此要在单元格上绘制边框，您需要在元素上设置它们td（除非您对元素上的 HTML 属性所提供的非常有限的可能性感到满意table）。

于 2012-08-19T13:31:25.997 回答
0

你想把它应用到行，那为什么还要问你是否应该把它应用到TD呢？

如果您想要行上的样式将其应用于 TR。如果您想要单元格上的样式将其应用于 TD。直线样式是邪恶的！尽量避免它们。

于 2012-08-19T11:02:22.850 回答
0

如果您将样式添加到 TR 标签，则它将适用于该表的整行，如果您将其添加到 TD，则它将仅适用于该 TD

我认为为了避免相同的风格一次又一次地写，你可以写整个 tr

于 2012-08-19T10:44:43.887 回答
0

将样式添加到 td 或 tr 应该没问题。内联样式和表格是 html 电子邮件的正确方式，否则您将面临与不同浏览器、移动/电子邮件客户端的 css 兼容性问题。

于 2012-08-22T20:12:55.637 回答