实现单线格table的简易方法

实现单线格table的简易方法

曾经在一个MM(mACROmEDIA)崇拜者面前批评dw（Dreamweaver），主要的理由是dw对css的支持不够全面，很多有用的属性都没有做在面板里引导大家使用。这里要讲的实现table边框的方法就是一例。

不熟悉css属性的人做table边框会采用一个貌似聪明的笨方法，就是将内容tableA内嵌在一个一行一列的tableB里，然后将tableB的bgColor设成希望的边框色，再然后将tableA的spacing设成1px，最后一般再将tableB的td填成白色。原理是要利用tableA的缝隙（spacing）将后面table的背景色显示出来成为边框。

但是，显然，这个方法十分繁琐！

如果用css，其实做这样的单线宽边框table是一行代码都唔使写进table的。只要在head那里插进下面这几行就可以了。

<style type="text/css">
table{border-collapse:collapse}
td{ border:1px solid #999999}
</style>

Example	Example	Example
Example	Example	Example
Example	Example	Example

这里的关键是border-collapse，这个属性使得td的相邻边框和成为一条，所以就成了单线宽了。但是这个属性在dw的css面板里是找不到的。但是dw会不知道么，当然不是，因为在直接写代码的时候提示属性里面就会有，所以dw非不能也，不为也。但是为什么不将这些实用的属性拿出来，将css面板做得更加强大呢？搞不懂。

ps.近日得知Adobe用34亿美元收购了MM，实在震撼！事关做为一个小美工，这两家都是我所景仰的公司！dw我系从2.0开始追随到现在的2004（7.0），ps也是从经典的4.0用到最近的cs2（9.0）。两家同样如此个性的公司的合并到底会是对个性的扼杀还是会整合资源引爆新一轮的创新呢？让我们拭目以待吧。