HTML属性bgcolor已经被弃用：应该使用什么代替？

Question

HTML属性bgcolor已经被弃用：应该使用什么代替？

13

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'.

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

- Anthony K

9

当连ASP都认为你的HTML过时时，你就知道情况不妙了... ;) - jalf

5个回答

4

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

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

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

- Jonathan Lonowski

谢谢Jonathan。这完美地回答了我的问题。但从长远来看，我应该走CSS路径。 - Anthony K

1

是的，一旦你做到了，它会让你的生活变得更加轻松。 - George Stocker

3

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

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

- danieltalsky

谢谢，这很有帮助，因为我正在创建HTML格式的电子邮件，而我不认为我可以对其应用CSS！ - KeithL

2

现在更好的替代方案是层叠样式表（CSS）。任何控制HTML文档视觉外观的属性或元素都已被弃用。应该使用CSS来指定视觉样式。

- Tmdean

2

推荐的做法是使用CSS来完成这样的事情。您可以为表格设置CSS类，例如：

CSS:

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

.MySpecialCell {
    background-color: #F00;
}

HTML:

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

- Jeromy Irvine

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gortok · Accepted Answer

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

新的网站和 Web 应用程序使用 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的更多信息在这里和在这里。