Question

dreamweaver里面设置了表格颜色，在IE里面怎么就变成黑色的了？

dreamweaver里面设置了表格边框颜色，在IE里面怎么就变成黑色的了？在360浏览器里面就不会。代码也没错。
第一张是代码，第二张是IE里面的显示，第三张是放大的页面，外面是红色的，里面是黑色的。怎么回事啊。





Answer 1

这个问题其实很常规，但现在用表格的情况愈来愈少，所以经常让人有点费解。

简单来说表格是有多块空间组成的，就像内里摆放整齐的div盒子（td），再在外面套了一个最大的div盒子（table）。

所以你要设置边框时其实需要考虑到两者的边框，从图中代码看我觉得是以下三种原因：

1. 图中的代码里出现属性设定只是仅仅设置了table最外壳四边的大边框，而内里的td边框却没设定。

   没有设定td边框一般会出现两种情况：td无边框或者直接继承外壳的宽度产生默认黑边框。明显你设置了table的宽度后，出现了第二种情况。（所以并非IE中变黑色边框，仔细看可以发现只是td的边框是由两个连着的单元格（td）提供也就是厚度是红色外框的两倍，导致容易判断出错）

2. 你又恰好设定了单元格间距为0（cellspacing=“0”）。

   所以原本有的默认空间距没有出现，因此让你出现了视觉的错觉：表格边框的颜色出现了两种。

3. 没有利用css排版的意识。（这其实个人觉得还是蛮重要的）

   直接用图中这样的写属性，正常较新的版本中是会自动将td继承table的属性的。但也可能出现现在这样的td不被自动继承属性的情况。

   
   

   
   

可以给你试验一下，方便理解：

1.直接书写属性，并取消间距（我的版本是td自动继承了table的属性）：

2.直接书写属性，留有间距（这里就可以明显看出td的分块存在）：

3.用css样式写边框，仅table（css样式里没有cellspacing，所以间距还是要直接加在标签里）：

（可以很明显发现没有设定td的情况下不再拥有内里的边框）

4.用css样式写边框，table+td：

（只要将间距归零——cellspacing，就可以得到类似实线的表格）

（像问题中这样的情况，只要手动调整td的边框颜色就能解决了）

（如还有解释不到位的可以追问）

Answer 2

浏览器和浏览器打开有区别。不同浏览器打开的效果不同。大部分浏览器是一样的