css td之间距离,用CSS去除表格td默认间距及制作1px细线表格（转）

在现在大家常说的“div+css”的建站制作上，很多人放弃了表格，其实应该让每个标签物尽其用，在表现数据的地方，我们还是应该使用table。但是，我们在建立table的时候，会发现它会具有一些默认的样式，比如单元格td之间会有间距，以前我们开头是这样写的：

cellpadding="0">

在页面内，通过cellspacing="0"将这个间距消除，合并边框。现在，我们要一个干净简洁代码的表格table。

css样式里写入：

.table{

border-collapse:collapse;text-align:center;

}

.table td{

border:solid 1px #d7d7d7; margin:2px; padding:1px 1px 1px

5px;

}

.table th{

border:solid 1px #d7d7d7; margin:2px; padding:1px 1px 1px 5px;

background:#99cc33;

}

如何通过CSS去除表格默认样式的间距

test	test	test
test	test	test

这样，我们达到了所需要的效果。

没有对table进行内部样式定义，通过样式表，成功的去除td默认的间距，以及定义为1象素的细线表格，真正做到了结构与表现的分离。

Form:SeaLevel Design Blog[sugood.net] - http://www.sugood.net/blog/article.asp?id=31