网页table表格边框做成一个像素

概述网页table表格边框如何做成一个像素一个像素呢，大家都知道网页中table表格中，要显示边框直接border="1"就可以了，可是这样默认的效果确实很难看，如下图：大家可以看到，默认的表格边框太大，在 网页table表格边框如何做成一个像素一个像素呢，大家都知道网页中table表格中，要显示边框直接border="1"就可以了，可是这样默认的效果确实很难看，如下图：

大家可以看到，默认的表格边框太大，在网页上显示不好看。如何达到一个像素呢，看下面的方法

<table wIDth="572"  border="0"  cellpadding="0" cellspacing="1" bgcolor="#625D59">                  <tr align="center" bgcolor="#CC99FF">                    <td wIDth="46" height="20">编号</td>                    <td wIDth="167">图书名称</td>                    <td wIDth="90">出版时间</td>                    <td wIDth="70">图书定价</td>                    <td wIDth="78">作者</td>                    <td wIDth="114">出版社</td>                  </tr>               <tr align="left" bgcolor="#FFFFFF">                    <td height="20" align="center"></td>                    <td >程序员人生</td>                    <td align="center"></td>                    <td align="center"></td>                    <td align="center">&nbsp;</td>                    <td>&nbsp;</td>                  </tr>              </table> 

效果如下：

这样就是表格一个像素了，这种方法就是采用表格间距为1，然后整个表格设置背景色，再设置tr或者td的背景色即可，使用这种方法的时候，最好用CSS写样式，因为每个tr或td都设置背景色很麻烦，用CSS全局定义就简单多了。
    这里再介绍另一个方法，表格属性设置如下：

<table wIDth="200" border="1"  style="border:1px solID #0058a3; border-collapse:collapse;"> 

再单独设置td
 

<td style="border:1px solID #0058a3;">&nbsp;</td> 

这样的好处就是一个表格中，可以使多个单元格的边框颜色都不一样。
好了，今天就讲到这里，欢迎关注程序员人生网站

总结

以上是内存溢出为你收集整理的网页table表格边框做成一个像素全部内容，希望文章能够帮你解决网页table表格边框做成一个像素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。