HTML 属性 bgcolor 已弃用：改用什么？答案

【问题标题】：HTML attribute bgcolor is deprecated: What To Use Instead?HTML 属性 bgcolor 已弃用：改用什么？
【发布时间】：2010-09-26 13:45:36
【问题描述】：

VStudio ASP.NET 给出以下消息：

Attribute 'bgcolor' is considered outdated. A newer construct is recommended.

推荐的结构是什么？

bgcolor 在 <td> 元素内。
另一条相关消息是：

Attribute 'bordercolor' is not a valid attribute of element 'table'.

有人知道我在哪里可以找到更新的替代品吗？

【问题讨论】：

当 ASP 开始认为您的 HTML 已被弃用时，您知道这很糟糕... ;)

标签： asp.net html

【解决方案1】：

较新的替代品是级联样式表 (CSS)。不推荐使用任何控制 HTML 文档的视觉外观的属性或元素。应使用 CSS 指定视觉样式。

【讨论】：

【解决方案2】：

最好的猜测是 CSS 的 background-color 和 border-color：

<table style="border-color: #ffffff;">

<td style="background-color: #000000;">

【讨论】：

谢谢乔纳森。这完美地回答了我的直接问题。不过，从长远来看，CSS 路径是我应该走的路。
是的，这会让你的生活变得更轻松。

【解决方案3】：

BGColor 在 W3C HTML 4.0 规范中已被弃用。

较新的网站和网络应用程序使用 CSS（层叠样式表）来呈现相同的内容，如下所示：

   body {
  background-color : #ffffff;
}

对于表格，请执行以下操作：

<table>

<tr id="row1">
   <th>Header 1</th>      <td>Cell 1</td>        <td>Cell 2</td>
</tr>
<tr id="row2">
   <th>Header 2</th>      <td>Cell 3</td>        <td>Cell 4</td>
</tr>
<tr id="row3">
   <th>Header 3</th>      <td>Cell 5</td>        <td>Cell 6</td>
</tr>
</table>

在你的 CSS 中：

th { text-align: center; font-weight: bold; vertical-align: baseline }

td { vertical-align: middle  }

table  { border-collapse: collapse; background-color: #ffffff }
tr#row1 { border-top: 3px solid blue }
tr#row2 { border-top: 1px solid black }
tr#row3 { border-top: 1px solid black }

这将使表格具有背景颜色，并对表格的其余数据/表格行执行不同的操作。

只需将它放在您的样式表中并在您的网页上引用它，如下所示：

<link rel="stylesheet" href="style.css" TYPE="text/css" media="screen">

您可以在 CSS 中添加您喜欢的任何内容，有关 CSS here 和 here 的更多信息。

【讨论】：

我还找到了一个很好的关于已弃用的 HTML 元素的参考：doheth.co.uk/codelair/html-css/deprecated

【解决方案4】：

推荐的方法是使用 CSS。您可以为您的表格设置 CSS 类。像这样的：

CSS：

.MyTable {
    border: solid 2px #000;
}

.MySpecialCell {
    background-color: #F00;
}

HTML：

<table class="MyTable">
    <tr>
        <td class="MySpecialCell">...</td>
    </tr>
</table>

【讨论】：

【解决方案5】：

同样值得注意的是，虽然不像单独的样式部分那样优雅，但现在使用内联样式这样做是有效的，如果您更喜欢这样的话：

<body style="background-color: #ccc;">

【讨论】：

感谢这有帮助，因为我正在创建 HTML 格式的电子邮件，但我认为我不能应用 css！