Question

我遇到了另一个问题，这次是在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

Answer 1

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

style='border: 1px solid black;'

Answer 2

您可能需要border: 1px solid;。单独使用像素是不够的，您必须告诉浏览器如何处理它们。：）

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

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

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

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

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

Answer 3

你也需要边框颜色。

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

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

W3school

Answer 4

正如其他人所说，你需要一种边框颜色：

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

此外，style属性仅适用于表标记。如果您希望单元格墙也出现，则必须将样式应用于td标记。

表格边框未在HTML4 +中绘制

4 个答案: