table的边框线设置

2010-03-03

table的边框线设置

文章分类:Web前端

Java代码

1. <table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">   
2.     <tbody>   
3.         <tr>   
4.             <td width="220">   
5.             <table cellspacing="0" cellpadding="0" rules="cols" width="200" border="1">   
6.                 <tbody>   
7.                     <tr align="center">   
8.                         <td>第</td>   
9.                         <td>一</td>   
10.                         <td>行</td>   
11.                     </tr>   
12.                     <tr align="center">   
13.                         <td>第</td>   
14.                         <td>二</td>   
15.                         <td>行</td>   
16.                     </tr>   
17.                     <tr align="center">   
18.                         <td>第</td>   
19.                         <td>三</td>   
20.                         <td>行</td>   
21.                     </tr>   
22.                 </tbody>   
23.             </table>   
24.             </td>   
25.             <td width="380">这个表格去掉了单元格之间的纵向分隔线</td>   
26.         </tr>   
27.         <tr>   
28.             <td><br>   
29.             <table cellspacing="0" cellpadding="0" rules="rows" width="200" border="1">   
30.                 <tbody>   
31.                     <tr align="center">   
32.                         <td>第</td>   
33.                         <td>第</td>   
34.                         <td>第</td>   
35.                     </tr>   
36.                     <tr align="center">   
37.                         <td>一</td>   
38.                         <td>二</td>   
39.                         <td>三</td>   
40.                     </tr>   
41.                     <tr align="center">   
42.                         <td>列</td>   
43.                         <td>列</td>   
44.                         <td>列</td>   
45.                     </tr>   
46.                 </tbody>   
47.             </table>   
48.             </td>   
49.             <td>这个表格去掉了单元格之间的横向分隔线</td>   
50.         </tr>   
51.         <tr>   
52.             <td>   
53.             <table cellspacing="0" cellpadding="0" rules="none" width="200" border="1">   
54.                 <tbody>   
55.                     <tr align="center">   
56.                         <td>横</td>   
57.                         <td> </td>   
58.                         <td>线</td>   
59.                     </tr>   
60.                     <tr align="center">   
61.                         <td>竖</td>   
62.                         <td> </td>   
63.                         <td>线</td>   
64.                     </tr>   
65.                     <tr align="center">   
66.                         <td>都</td>   
67.                         <td>没</td>   
68.                         <td>了</td>   
69.                     </tr>   
70.                 </tbody>   
71.             </table>   
72.             </td>   
73.             <td>这个表格去掉了单元格之间的纵向分隔线和横向分隔线</td>   
74.         </tr>   
75.         <tr>   
76.             <td colspan="2"><hr color="#000000" size="1">   
77.             　　其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到&lt;TABLE&gt;标签中都有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。</td>   
78.         </tr>   
79.     </tbody>   
80. </table>   
81. <br>   
82. <br>   
83. <br>   
84. <table class="FCK__ShowTableBorders" height="30" cellspacing="0" cellpadding="0" width="600" border="0">   
85.     <tbody>   
86.         <tr>   
87.             <td><strong>二、表格边框的隐藏</strong></td>   
88.         </tr>   
89.     </tbody>   
90. </table>   
91. <table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">   
92.     <tbody>   
93.         <tr>   
94.             <td>   
95.             <table cellspacing="0" cellpadding="0"
96. table的边框线设置
97. table的边框线设置
98. table的边框线设置
99. table 边框线设置
100. 设置Table的细边框
101. html table设置边框线
102. table标签中设置td的边框线
103. table的细边框设置新方法
104. web table 设置1px的边框？
105. html 中table边框设置成Excel那样的边框
106. table边框设置总结
107. 设置table单边框
108. table边框设置
109. table边框设置
110. table边框设置
111. 设置Table 边框
112. html table 边框设置
113. css设置table边框技巧
114. 写入位置0xcccccccc时发生访问冲突
115. 回溯算法
116. servfox源码分析
117. table的边框线设置
118. 新手跟着学Asp.net MVC2 -View
119. table的边框线设置
120. chroot用法
121. snprintf函数用法
122. CSS基础教程整理
123. versions
124. 《大话设计模式》之依赖倒转设计原则
125. C++ 代码改java代码--急急！！
126. JS建空表
127. Oracle10g EM使用中的主机身份证明问题

青年网络公开课视频

原创粉丝点击

热门IT博客

js分享到qq好友

js 获取json文件数据

sql 查询 having 范围

排列组合公式算法例题

数控铣床编程简单实例

免费动态域名解析软件

手机版 淘宝 人工客服

釉中彩餐具安全吗 知乎

sql清空表数据语句

淘宝客活动计划是什么

人工智能丛书

平安科技 数据生态圈

php魔术常量

shift更新会数据吗

安卓纪元 矩阵潜袭

免费取女装淘宝店名

lifecam studio 软件

浩顺考勤机数据库

淘宝全民疯抢怎么设置

读书笔记什么软件好

热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 条纹t恤搭配 t恤衫品牌 t恤衫图片 彩绘t恤图案 短袖t恤男 李维斯t恤 t恤印花图案 t恤什么牌子好 手绘t恤图案 男士t恤衫短袖 女t恤短袖 七匹狼t恤 男士t恤衫 t恤衫女装 阿迪达斯t恤 黑t恤搭配图片 t恤女短袖 女t恤长袖 女长袖t恤 t恤怎么叠成一卷 海澜之家t恤 手绘t恤图片 t恤怎么打结 t恤图案设计 t恤上的胶印图案怎么才能去掉 t恤是长袖还是短袖 t恤生产厂家 t恤定制厂家 t恤衫工厂 定做t恤衫价格 定制t恤厂家 圆领t恤定制 t恤衫 定制 低领t恤衫 t恤衫订制 纯棉t恤厂家 红色t恤衫 夏季工作服t恤 订制t恤衫 t恤批发厂家 t恤批发价格