<style type="text/css">table.imagetable {font-family: verdana,arial,sans-serif font-size:11px color:#333333 border-width: 1px border-color: #999999 border-collapse: collapse
}table.imagetable th {background:#b5cfd2 url('cell-blue.jpg') border-width: 1px padding: 8px border-style: solid border-color: #999999
}table.imagetable td {background:#dcddc0 url('cell-grey.jpg') border-width: 1px padding: 8px border-style: solid border-color: #999999
}
</style>
指定的<table>为细边框，把<table>放在<div>中即可。
一、首先新建表格，代码如下：
<table width="500" border="1"> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr> <td> </td><td> </td><td> </td></tr</table>。
二、在table里加css样式，代码如下：
<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tr><td> </td><td> </td><td> </td </tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></table>。
三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。
1、普通居中。
align="center"
<table align="center"><tr>
<td>商品名称</td>
<td>商品价格</td>
<td>商品描述</td>
<td>购买</td>
</tr>
</table>
2、css样式居中。
margin:0 auto
<style type="text/css">table1{
margin:0 auto/* 自动居中，不论王爷的大小 */
border:1/* 边框粗度 */
width:80%/* 宽度只占当前页面的80% */
}
</style>
