表格边框总结

1、表格边框属性设置

<table id="bigTable" border="3" bordercolor="red"  cellspacing="10"> 见图（1）

border 属性会为每个单元格应用边框，并用边框围绕表格。如果 border 属性的值发生改变，那么只有表格周围边框的尺寸会发生变化。表格内部的边框则是 1 像素宽。

cellspacing="0" 见图（2）

  

                            图（1）                                   图（2）

2、表格背景色和单元格之间空白设置 见图（3）

<table id="bigTable" style="" cellspacing="5">

<td style="background-color: white">1</td>

   

          图（3）                                               图（4）

3、表格和单元格边框细化设置，见图（4）

<table id="bigTable" border="0" style="border-top: 3px solid green;border-left: 3px solid red;"

cellspacing="0" cellpadding="0">

<td style="border-right: 3px solid black;border-bottom: 3px solid black">1</td>

4、单元格边框设置 见图（5）

<table id="bigTable" border="0" style="border-collapse: collapse;border: none;">

<td style="border: 3px solid blue;">1</td>

    

          图（5）                                                图（6）

5、嵌套表格边框设置 见图（6）

外层表格：border: 4px solid black;

内层表格：border: 0px;

所有的单元格：border: 2px solid black;

转载于:https://www.cnblogs.com/xyl-share-happy/p/5005246.html