2012-04-03 121 views
0

我有另外一个问题,这一次在HTML表和它们的边界(4.01,5.0)表格边框不是在HTML4绘制+

注意:所有代码是从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,歌剧,铬)绘制正确,但是当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> 

我希望这里有人知道的问题是... 下面是结果与经典borderstyle

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

​​

+0

图片链接现已停止使问题不清楚。 – 2016-12-01 22:17:57

回答

2

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

但要记住,如果你使用<table style="border: 1px solid">,会产生围绕TABLE,不表内细胞的边界。

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

你或许应该只指定一个样式表:

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

甚至,识别与ID或类表或TD块,然后用它在你的样式表,这样就不会影响其他无辜旁观者表。

+0

还行,这样做,但结果是一样的: http://www.freeimagehosting.net/pyk3e http://www.freeimagehosting.net/oyeuy 即使设置单元格 – 1000Gbps 2012-04-03 18:24:10

+0

这一个单元格边框http:///www.freeimagehosting.net/cw98o – 1000Gbps 2012-04-03 18:38:10

+0

http://jsfiddle.net/RepNM/。无论如何,你试图得到什么结果?你的问题,还是第二个?或者是其他东西? – Graham 2012-04-03 19:26:44

3

您可能必须定义b可能通过指定类型和颜色,请尝试使用:

style='border: 1px solid black;' 
1

您也需要边框颜色。

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

所以你实际上是设置为 border-sizeborder-styleborder-color

W3school

+0

使用颜色使得边框全黑色,采用脊不拉丝边框,比如'边界=“1”',并使用'风格=“边界:1px的纯黑色;”'不吸引他们太:( – 1000Gbps 2012-04-03 18:17:20

+0

你不需要两者使用样式更加强大,它并没有被黑,你可以把它改成任何颜色 – Ibu 2012-04-03 18:24:43

+0

我只是想使用默认的表图,无非就是设置边框大小...... – 1000Gbps 2012-04-03 18:28:41

0

正如有人说,你需要一个边框颜色:

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

而且,样式属性只适用于表标签。如果您希望单元格墙也显示出来,则样式必须应用于td标签。