表格边框未在 HTML4+ 中绘制答案

【问题标题】：Table borders not drawn in HTML4+表格边框未在 HTML4+ 中绘制
【发布时间】：2012-04-17 10:33:28
【问题描述】：

我遇到了另一个问题，这次是 HTML 中的表格及其边框（4.01、5.0）

注意：所有代码均来自 w3schools.com

使用此代码时：

<h4>One row and three columns:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

浏览器（FF、IE、Opera、Chrome）中的所有内容都正确绘制，但是当border="1" 更改为style="border: 1px;" 时，边框和单元格墙会消失。我找不到原因，但使用style 给了我宝贵的验证。

这是我的主要文件部分：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>
Title of the document
</title>
<style type="text/css">
body {background-color:teal;}
</style>
</head>

我希望这里有人知道问题出在哪里...... 以下是经典border 和style 的结果：

http://www.free imagehosting.net/pyk3e << border="1"

http://www.free imagehosting.net/cw98o << style="border: 1px solid black;" for cells too

【问题讨论】：

图片链接现在已经失效，使得问题不清楚。

标签： html css html-table border

【解决方案1】：

您可能必须定义边框，也许通过指定类型和颜色，尝试使用：

style='border: 1px solid black;'

【讨论】：

【解决方案2】：

你也需要一个边框颜色。

style="border:1px solid #aaa;"

所以你实际设置的是 border-size、border-style 和 border-color

W3school

【讨论】：

使用颜色使边框全黑，使用 ridge 不会像border="1" 那样绘制边框，使用style='border: 1px solid black;' 也不会绘制它们:(
两者都不需要，使用风格要强大得多，而且不一定非要黑色，任意颜色都可以
我只想使用默认的表格绘图，无非是设置边框大小......

【解决方案3】：

您可能需要border: 1px solid;。仅拥有像素是不够的，您必须告诉浏览器如何处理它们。 :)

但请记住，如果您使用<table style="border: 1px solid">，则会在TABLE 周围创建边框，而不是在表格中的单元格。

您还需要为单元格指定边框。

您可能应该只指定一个样式表：

<style type="text/css">
  TABLE, TD {
    border: 1px solid;
  }
</style>

甚至，用 ID 或类标识您的表或 TD 块，然后在您的样式表中使用它，这样您就不会影响其他无辜的旁观者表。

【讨论】：

好的，这样做了，但结果是一样的：freeimagehosting.net/pyk3e freeimagehosting.net/oyeuy 即使在设置单元格时
jsfiddle.net/RepNM 。无论如何，你想得到什么结果？您问题中的第一张图片，还是第二张？还是别的什么？
在使用border=或style=时达到相同的浏览器渲染结果从而通过验证。查看问题中的图像 Remove the tick from jsfiddle.net 'Normalise CSS' and see

【解决方案4】：

正如其他人所说，您需要边框颜色：

style="border:1px solid #000;"

此外，样式属性仅适用于表格标签。如果你想让单元格墙也出现，样式必须应用到 td 标签。

【讨论】：