首页 > 其他 > 详细

表格边框总结

时间:2015-11-29 21:07:47      阅读:185      评论:0      收藏:0      [点我收藏+]

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;

表格边框总结

原文:http://www.cnblogs.com/xyl-share-happy/p/5005246.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!