<style>
.mytb td{
background-color:#ffffff
}
</style>
<table class="mytb" bgcolor=#cccccc cellspacing=1>
<tr>
<td>fdas</td>
<td>fdas</td>
</tr>
<tr>
<td>fdas</td>
<td>fdas</td>
</tr>
</table>
cellspacing=1就是说表格中各元素的间距为1.
你说的让边框离内容有空隙.只是一个表格来说是不可能.你可以在表格的外层再加容器.比如表格套表格.或者用<div>包含这个表格.然后设置外层容器的padding模式.
主要是没有定义Article的宽度，#Article { clear:bothborder:1px solid #900margin-bottom:7pxpadding:5px 6pxwidth:100px}
就可以了
1、相关设置单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离。
具体代码如下：
<table border='1'cellspacing="0" cellpadding="0" ><tr><td width="200">1</td><td width="200">2</td><td width="200">3</td></tr><tr><td>a</td><td>b</td><td>c</td></tr><tr><td>中国</td><td></td><td></td></tr></table>
2、文字居中
代码如下：
<style type="text/css">.onecenter{text-align:centerwidth:200px}</style><table border='1'cellspacing="0" cellpadding="0" ><tr><td class='onecenter'>1</td><td class='onecenter'>2</td><td class='onecenter'>3</td></tr><tr><td class='onecenter'>a</td><td class='onecenter'>b</td><td class='onecenter' >c</td></tr ><tr><td class='onecenter' ></td><td class='onecenter' ></td><td class='onecenter' ></td></tr></table>
3、每一个表格都是一个完整的方框，如果想要线条更细。
看如下代码：
<style type="text/css">.onecentertext-align:centerwidth:200pxheight:50px}#sebackground-color:#006699 padding:20pxcolor:#FFF}</style><table border='1'cellspacing="0" cellpadding="20" ><tr><td class='onecenter'>1</td><td class='onecenter' style='border-left:0pxborder-right:0px' >2</td><td class='onecenter'>3</td></tr><tr><td class='onecenter'>a</td><td class='onecenter' style='border:0px'>b</td><td class='onecenter' >c</td></tr ><tr id='se'><td class='onecenter' ></td><td class='onecenter' ></td><td class='onecenter' ></td></tr></table>
