实现单线格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的相邻边框和成为一条，所以就成了单线宽了。