dreamweaver网页制作作，打开后这个效果，有一个黑的是什么原因？

来源：蜘蛛抓取(WebSpider) 时间：2018-11-18 06:19 标签： dreamweaver网页制作

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

简单来说表格是有多块空间组成的，就像内里摆放整齐的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的情况下不再拥有内里的边框）

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

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

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

可选中1个或多个下面的关键词搜索相关资料。也可直接点“搜索资料”搜索整个问题

你对这个回答的评价是？

我要回帖

更多关于 dreamweaver网页制作 的文章

 

随机推荐