- 浏览: 436220 次
- 性别:
- 来自: 茂名
文章分类
最新评论
-
zenmshuo:
不错不错,总结的很详细,不知道这个控件和FlexGrid比起来 ...
jQuery EasyUI教程之datagrid应用(三) -
我是你们的爹:
文章里太多错误了,容易误导新手
jQuery EasyUI教程之datagrid应用(三) -
我是你们的爹:
...
jQuery EasyUI教程之datagrid应用(一) -
zhehen123:
你傻啊,json_decode后面跟一个参数就可以转成普通数组 ...
如何将PHP对象数组转换成普通数组? -
lai3221:
hegz,为什么做了没有任何效果呢?
jQuery EasyUI教程之datagrid应用(二)
看到新浪2010足球世界杯主页里的表格非常养眼,近日抽空将表格制作代码抠了出来,以方便日后使用。
一、HTML代码
<div class="wrap"> <table width="99%" cellspacing="0" cellpadding="0" border="0" align="center" class="tab_01"> <tbody><tr class="caption"> <td colspan="6">A 组</td> </tr><tr> <th class="first" scope="col">日期</th> <th scope="col">时间</th> <th scope="col">对阵</th> <th scope="col">组别</th> <th scope="col">比赛地</th> <th class="last" scope="col">场次</th> </tr> <tr> <td rowspan="1">6月11日 星期五</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A1-A2/"><span class="blue">南非</span> <span class="fred1">1-1</span> <span class="blue">墨西哥</span></a></td> <td class="nor">A1-A2</td> <td class="nor">约翰内斯堡(足)</td> <td class="nol"><span class="fred1">01</span></td> </tr> <tr class="line2"> <td rowspan="1">6月12日 星期六</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A3-A4/index.shtml"><span class="blue">乌拉圭</span> <span class="fred1">0-0</span> <span class="blue">法国</span></a></td> <td class="nor">A3-A4</td> <td class="nor">开普敦</td> <td class="nol"><span class="fred1">02</span></td> </tr> <tr> <td rowspan="1">6月17日 星期四</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A1-A3/"><span class="blue">南非</span> <span class="fred1">0-3</span> <span class="blue">乌拉圭</span></a></td> <td class="nor">A1-A3</td> <td class="nor">比勒陀利亚</td> <td class="nol"><span class="fred1">17</span></td> </tr> <tr class="line2"> <td class="line2" rowspan="1">6月18日 星期五</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A2-A4/"><span class="blue">法国</span> <span class="fred1">0-2</span> <span class="blue">墨西哥</span></a></td> <td class="nor">A2-A4</td> <td class="nor">保罗瓜尼</td> <td class="nol"><span class="fred1">18</span></td> </tr> <tr> <td rowspan="1">6月22日 星期二</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A2-A3/"><span class="blue">墨西哥</span> <span class="fred1">0-1</span> <span class="blue">乌拉圭</span></a></td> <td class="nor">A2-A3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A2-A3/">视频集锦</a></td> <td class="nol"><span class="fred1">33</span></td> </tr> <tr class="line2"> <td class="line2" rowspan="1">6月22日 星期二</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A1-A4/"><span class="blue">法国</span> <span class="fred1">1-2</span> <span class="blue">南非</span></a></td> <td class="nor">A4-A1</td> <td class="nor">鲁斯腾堡</td> <td class="nol"><span class="fred1">34</span></td> </tr> </tbody></table> <!-- // 10px空行开始 --> <div class="space"></div> <!-- // 空行结束 --> <table width="99%" cellspacing="0" cellpadding="0" border="0" align="center" class="tab_02"> <tbody><tr> <th class="first" scope="col">小组赛日期</th> <th scope="col">时间</th> <th scope="col">对阵</th> <th scope="col">组别</th> <th scope="col">比赛地/集锦</th> <th class="last" scope="col">场次</th> </tr> <tr> <td rowspan="1">6月11日 星期五</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A1-A2/"><span class="blue">南非</span> <span class="fred1">1-1</span> <span class="blue">墨西哥</span></a></td> <td class="nor">A1-A2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A1-A2/index.shtml">视 频集锦</a></td> <td class="nol"><span class="fred1">01</span></td> </tr> <tr> <td rowspan="1">6月12日 星期六</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A3-A4/"><span class="blue">乌拉圭</span> <span class="fred1">0-0</span> <span class="blue">法国</span></a></td> <td class="nor">A3-A4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A3-A4/index.html">视频 集锦</a></td> <td class="nol"><span class="fred1">02</span></td> </tr> <tr class="line2"> <td rowspan="1">6月12日 星期六</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B3-B4/"><span class="blue">韩国</span> <span class="fred1">2-0</span> <span class="blue">希腊</span></a></td> <td class="nor">B3-B4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/B3-B4/index.shtml">视 频集锦</a></td> <td class="nol"><span class="fred1">04</span></td> </tr> <tr class="line2"> <td rowspan="1">6月12日 星期六</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B1-B2/"><span class="blue">阿根廷</span> <span class="fred1">1-0</span> <span class="blue">尼日利亚</span></a></td> <td class="nor">B1-B2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/B1-B2/">视频集锦</a></td> <td class="nol"><span class="fred1">03</span></td> </tr> <tr class="line2"> <td rowspan="1">6月13日 星期日</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/C1-C2/"><span class="blue">英格兰</span> <span class="fred1">1-1</span> <span class="blue">美国</span></a></td> <td class="nor">C1-C2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/C1-C2/">视频集锦</a></td> <td class="nol"><span class="fred1">05</span></td> </tr> <tr> <td rowspan="1">6月13日 星期日</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/C3-C4/"><span class="blue">阿尔及利亚</span> <span class="fred1">0-1</span> <span class="blue">斯洛文尼亚</span></a></td> <td class="nor">C3-C4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/C3-C4/">视频集锦</a></td> <td class="nol"><span class="fred1">06</span></td> </tr> <tr> <td rowspan="1">6月13日 星期日</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/D3-D4/"><span class="blue"><span class="blue">塞尔维亚</span> <span class="fred1">0-1</span> <span class="blue">加纳</span></span></a></td> <td class="nor">D3-D4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/D3-D4/">视频集锦</a></td> <td class="nol"><span class="fred1">08</span></td> </tr> <tr> <td rowspan="1">6月14日 星期一</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/D1-D2/"><span class="blue">德国</span> <span class="fred1">4-0</span> <span class="blue">澳大利亚</span></a></td> <td class="nor">D1-D2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/D1-D2/">视频集锦</a></td> <td class="nol"><span class="fred1">07</span></td> </tr> <tr class="line2"> <td rowspan="1">6月14日 星期一</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/E1-E2/"><span class="blue">荷兰</span> <span class="fred1">2-0</span> <span class="blue">丹麦</span></a></td> <td class="nor">E1-E2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/E1-E2/">视频集锦</a></td> <td class="nol"><span class="fred1">09</span></td> </tr> <tr class="line2"> <td rowspan="1">6月14日 星期一</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/E3-E4/"><span class="blue">日本</span> <span class="fred1">1-0</span> <span class="blue">喀麦隆</span></a></td> <td class="nor">E3-E4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/E3-E4/">视频集锦</a></td> <td class="nol"><span class="fred1">10</span></td> </tr> <tr class="line2"> <td rowspan="1">6月15日 星期二</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/F1-F2/"><span class="blue">意大利</span> <span class="fred1">1-1</span> <span class="blue">巴拉圭</span></a></td> <td class="nor">F1-F2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/F1-F2/">视频集锦</a></td> <td class="nol"><span class="fred1">11</span></td> </tr> <tr> <td rowspan="1">6月15日 星期二</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/F3-F4/"><span class="blue">新西兰</span> <span class="fred1">1-1</span> <span class="blue">斯洛伐克</span></a></td> <td class="nor">F3-F4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/F3-F4/">视频集锦</a></td> <td class="nol"><span class="fred1">12</span></td> </tr> <tr> <td rowspan="1">6月15日 星期二</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/G3-G4/"><span class="blue">科特迪瓦</span> <span class="fred1">0-0</span> <span class="blue">葡萄牙</span></a></td> <td class="nor">G3-G4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/G3-G4/">视频集锦</a></td> <td class="nol"><span class="fred1">13</span></td> </tr> <tr> <td rowspan="1">6月16日 星期三</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/G1-G2/"><span class="blue">巴西</span> <span class="fred1">2-1</span> <span class="blue">朝鲜</span></a></td> <td class="nor">G1-G2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/G1-G2/">视频集锦</a></td> <td class="nol"><span class="fred1">14</span></td> </tr> <tr class="line2"> <td rowspan="1">6月16日 星期三</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/H3-H4/"><span class="blue">洪都拉斯</span> <span class="fred1">0-1</span> <span class="blue">智利</span></a></td> <td class="nor">H3-H4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/H3-H4/">视频集锦</a></td> <td class="nol"><span class="fred1">15</span></td> </tr> <tr class="line2"> <td rowspan="1">6月16日 星期三</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/H1-H2/"><span class="blue">西班牙</span> <span class="fred1">0-1</span> <span class="blue">瑞士</span></a></td> <td class="nor">H1-H2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/H1-H2/">视频集锦</a></td> <td class="nol"><span class="fred1">16</span></td> </tr> <tr class="line2"> <td rowspan="1">6月17日 星期四</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A1-A3/"><span class="blue">南非</span> <span class="fred1">0-3</span> <span class="blue">乌拉圭</span></a></td> <td class="nor">A1-A3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A1-A3/">视频集锦</a></td> <td class="nol"><span class="fred1">17</span></td> </tr> <tr> <td rowspan="1">6月17日 星期四</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B1-B3/"><span class="blue">阿根廷</span> <span class="fred1">4-1</span> <span class="blue">韩国</span></a></td> <td class="nor">B1-B3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/B1-B3/">视频集锦</a></td> <td class="nol"><span class="fred1">20</span></td> </tr> <tr> <td rowspan="1">6月17日 星期四</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B2-B4/"><span class="blue">希腊</span> <span class="fred1">2-1</span> <span class="blue">尼日利亚</span></a></td> <td class="nor">B2-B4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/B2-B4/">视频集锦</a></td> <td class="nol"><span class="fred1">19</span></td> </tr> <tr> <td rowspan="1">6月18日 星期五</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A2-A4/"><span class="blue">法国</span> <span class="fred1">0-2</span> <span class="blue">墨西哥</span></a></td> <td class="nor">A2-A4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A2-A4/">视频集锦</a></td> <td class="nol"><span class="fred1">18</span></td> </tr> <tr class="line2"> <td rowspan="1">6月18日 星期五</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/D1-D3/"><span class="blue">德国</span> <span class="fred1">0-1</span> <span class="blue">塞尔维亚</span></a></td> <td class="nor">D1-D3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/D1-D3/">视频集锦</a></td> <td class="nol"><span class="fred1">21</span></td> </tr> <tr class="line2"> <td rowspan="1">6月18日 星期五</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/C4-C2/"><span class="blue">斯洛文尼亚</span> <span class="fred1">2-2</span> <span class="blue">美国</span></a></td> <td class="nor">C4-C2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/C4-C2/">视频集锦</a></td> <td class="nol"><span class="fred1">22</span></td> </tr> <tr class="line2"> <td rowspan="1">6月19日 星期六</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/C1-C3/"><span class="blue">英格兰</span> <span class="fred1">0-0</span> <span class="blue">阿尔及利亚</span></a></td> <td class="nor">C1-C3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/C1-C3/">视频集锦</a></td> <td class="nol"><span class="fred1">23</span></td> </tr> <tr> <td rowspan="1">6月19日 星期六</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/E1-E3/"><span class="blue">荷兰</span> <span class="fred1">1-0</span> <span class="blue">日本</span></a></td> <td class="nor">E1-E3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/E1-E3/">视频集锦</a></td> <td class="nol"><span class="fred1">25</span></td> </tr> <tr> <td rowspan="1">6月19日 星期六</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/D4-D2/"><span class="blue">加纳</span> <span class="fred1">1-1</span> <span class="blue">澳大利亚</span></a></td> <td class="nor">D4-D2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/D4-D2/">视频集锦</a></td> <td class="nol"><span class="fred1">24</span></td> </tr> <tr> <td rowspan="1">6月20日 星期日</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/E2-E4/"><span class="blue">喀麦隆</span> <span class="fred1">1-2</span> <span class="blue">丹麦</span></a></td> <td class="nor">E2-E4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/E2-E4/">视频集锦</a></td> <td class="nol"><span class="fred1">26</span></td> </tr> <tr class="line2"> <td rowspan="1">6月20日 星期日</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/F2-F4/"><span class="blue">斯洛伐克</span> <span class="fred1">0-2</span> <span class="blue">巴拉圭</span></a></td> <td class="nor">F2-F4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/F2-F4/">视频集锦</a></td> <td class="nol"><span class="fred1">27</span></td> </tr> <tr class="line2"> <td class="line2" rowspan="1">6月20日 星期日</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/F1-F3/"><span class="blue">意大利</span> <span class="fred1">1-1</span> <span class="blue">新西兰</span></a></td> <td class="nor">F1-F3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/F1-F3/">视频集锦</a></td> <td class="nol"><span class="fred1">28</span></td> </tr> <tr class="line2"> <td rowspan="1">6月21日 星期一</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/G1-G3/"><span class="blue">巴西</span> <span class="fred1">3-1</span> <span class="blue">科特迪瓦</span></a></td> <td class="nor">G1-G3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/G1-G3/">视频集锦</a></td> <td class="nol"><span class="fred1">29</span></td> </tr> <tr> <td rowspan="1">6月21日 星期一</td> <td class="nor"><span class="fred1">19:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/G2-G4/"><span class="blue">葡萄牙</span> <span class="fred1">7-0</span> <span class="blue">朝鲜</span></a></td> <td class="nor">G2-G4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/G2-G4/">视频集锦</a></td> <td class="nol"><span class="fred1">30</span></td> </tr> <tr> <td rowspan="1">6月21日 星期一</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/H4-H2/"><span class="blue">智利</span> <span class="fred1">1-0</span> <span class="blue">瑞士</span></a></td> <td class="nor">H4-H2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/H4-H2/">视频集锦</a></td> <td class="nol"><span class="fred1">31</span></td> </tr> <tr> <td rowspan="1">6月22日 星期二</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/H1-H3/"><span class="blue">西班牙</span> <span class="fred1">2-0</span> <span class="blue">洪都拉斯</span></a></td> <td class="nor">H1-H3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/H1-H3/">视频集锦</a></td> <td class="nol"><span class="fred1">32</span></td> </tr> <tr class="line2"> <td rowspan="1">6月22日 星期二</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A2-A3/"><span class="blue">墨西哥</span> <span class="fred1">0-1</span> <span class="blue">乌拉圭</span></a></td> <td class="nor">A2-A3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A2-A3/">视频集锦</a></td> <td class="nol"><span class="fred1">33</span></td> </tr> <tr class="line2"> <td class="line2" rowspan="1">6月22日 星期二</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/A1-A4/"><span class="blue">法国</span> <span class="fred1">1-2</span> <span class="blue">南非</span></a></td> <td class="nor">A4-A1</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/A1-A4/">视频集锦</a></td> <td class="nol"><span class="fred1">34</span></td> </tr> <tr class="line2"> <td rowspan="1">6月23日 星期三</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B2-B3/"><span class="blue">尼日利亚</span> <span class="fred1">2-2</span> <span class="blue">韩国</span></a></td> <td class="nor">B2-B3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/B2-B3/">视频集锦</a></td> <td class="nol"><span class="fred1">35</span></td> </tr> <tr class="line2"> <td rowspan="1">6月23日 星期三</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B1-B4/"><span class="blue">希腊</span> <span class="fred1">0-2</span> <span class="blue">阿根廷</span></a></td> <td class="nor">B1-B4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/B1-B4/">视频集锦</a></td> <td class="nol"><span class="fred1">36</span></td> </tr> <tr> <td rowspan="1">6月23日 星期三</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/C1-C4/"><span class="blue">斯洛文尼亚</span> <span class="fred1">0-1</span> <span class="blue">英格兰</span></a></td> <td class="nor">C1-C4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/C1-C4/">视频集锦</a></td> <td class="nol"><span class="fred1">37</span></td> </tr> <tr> <td rowspan="1">6月23日 星期三</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/C2-C3/"><span class="blue">美国</span> <span class="fred1">1-0</span> <span class="blue">阿尔及利亚</span></a></td> <td class="nor">C2-C3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/C2-C3/">视频集锦</a></td> <td class="nol"><span class="fred1">38</span></td> </tr> <tr> <td rowspan="1">6月24日 星期四</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/D1-D4/"><span class="blue">加纳</span> <span class="fred1">0-1</span> <span class="blue">德国</span></a></td> <td class="nor">D1-D4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/D1-D4/">视频集锦</a></td> <td class="nol"><span class="fred1">39</span></td> </tr> <tr> <td rowspan="1">6月24日 星期四</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/D3-D2/"><span class="blue">澳大利亚</span> <span class="fred1">2-1</span> <span class="blue">塞尔维亚</span></a></td> <td class="nor">D3-D2</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/D3-D2/">视频集锦</a></td> <td class="nol"><span class="fred1">40</span></td> </tr> <tr class="line2"> <td rowspan="1">6月24日 星期四</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/F1-F4/"><span class="blue">斯洛伐克</span> <span class="fred1">3-2</span> <span class="blue">意大利</span></a></td> <td class="nor">F1-F4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/F1-F4/">视频集锦</a></td> <td class="nol"><span class="fred1">41</span></td> </tr> <tr class="line2"> <td rowspan="1">6月24日 星期四</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/F2-F3/"><span class="blue">巴拉圭</span> <span class="fred1">0-0</span> <span class="blue">新西兰</span></a></td> <td class="nor">F2-F3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/F2-F3/">视频集锦</a></td> <td class="nol"><span class="fred1">42</span></td> </tr> <tr class="line2"> <td rowspan="1">6月25日 星期五</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/E2-E3/"><span class="blue">丹麦</span> <span class="fred1">1-3</span> <span class="blue">日本</span></a></td> <td class="nor">E2-E3</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/E2-E3/">视频集锦</a></td> <td class="nol"><span class="fred1">43</span></td> </tr> <tr class="line2"> <td rowspan="1">6月25日 星期五</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/z/E1-E4/"><span class="blue">喀麦隆</span> <span class="fred1">1-2</span> <span class="blue">荷兰</span></a></td> <td class="nor">E1-E4</td> <td class="nor"><a target="_blank" href="http://2010.sina.com.cn/video/E1-E4/">视频集锦</a></td> <td class="nol"><span class="fred1">44</span></td> </tr> <tr> <td rowspan="1">6月25日 星期五</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><span class="blue">葡萄牙</span> <span class="fred1">VS</span> <span class="blue">巴西</span></td> <td class="nor">G4-G1</td> <td class="nor">德班</td> <td class="nol"><span class="fred1">45</span></td> </tr> <tr> <td rowspan="1">6月25日 星期五</td> <td class="nor"><span class="fred1">22:00</span></td> <td class="nor"><span class="blue">朝鲜</span> <span class="fred1">VS</span> <span class="blue">科特迪瓦</span></td> <td class="nor">G2-G3</td> <td class="nor">内斯普利特</td> <td class="nol"><span class="fred1">46</span></td> </tr> <tr> <td rowspan="1">6月26日 星期六</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><span class="blue">智利</span> <span class="fred1">VS</span> <span class="blue">西班牙</span></td> <td class="nor">H4-H1</td> <td class="nor">比勒陀利亚</td> <td class="nol"><span class="fred1">47</span></td> </tr> <tr> <td rowspan="1">6月26日 星期六</td> <td class="nor"><span class="fred1">02:30</span></td> <td class="nor"><span class="blue">瑞士</span> <span class="fred1">VS</span> <span class="blue">洪都拉斯</span></td> <td class="nor">H2-H3</td> <td class="nor">布隆冯丹</td> <td class="nol"><span class="fred1">48</span></td> </tr> </tbody></table> </div>
二、CSS代码
<style type="text/css"> <!-- body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #333; font-weight: lighter; margin-top: 20px; } .wrap { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; padding: 0 10px; width: 600px; } .space { background: none repeat scroll 0 0 #FFFFFF; height: 10px; overflow: hidden; } /* ============================== 列表 ============================== */ table { border-collapse:collapse; } /* 列表1 */ .tab_01 { background:#fff;font-size:12px;} .tab_01 .caption td{ text-align:left; padding-left:8px; color:#c00;border:solid 1px #abd8f6; background:url(sjb_zxh_2010_25.gif) repeat-x;} .tab_01 th, .tab_01 td{ height:26px; line-height:26px; border:solid 1px #abd8f6; text-align:center} .tab_01 th{background:#e3f3ff url(th_v_line.png) no-repeat 0 7px; border-width:1px 0} .tab_01 th.first{border-left-width:1px; background-image:none;} .tab_01 th.last{border-right-width:1px} .tab_01 td.nol{border-left:none} .tab_01 td.nor{border-width:1px 0} .tab_01 .line2{background:#fafdff} /* 列表2 */ .tab_02 { background:#fff;font-size:12px;} .tab_02 th, .tab_02 td{ height:26px; line-height:26px; border:solid 1px #abd8f6; text-align:center} .tab_02 th{background:#e3f3ff url(th_v_line.png) no-repeat 0 7px; border-width:1px 0} .tab_02 th.first{border-left-width:1px; background-image:none;} .tab_02 th.last{border-right-width:1px} .tab_02 td.nol{border-left:none} .tab_02 td.nor{border-width:1px 0} .tab_02 .line2{background:#e3f3ff} --> </style>
三、效果图
发表评论
-
利用层的table-row、table-cell属性进行页面布局
2010-11-12 10:47 2524利用层的table-row、table-cell属性可以进行等 ... -
利用display:table-cell来实现等高布局
2010-11-03 22:59 1532我所知道的几种display:table-cell的应用 b ... -
IE文字重复显示的处理
2010-05-01 11:35 1260页面使用DIV+CSS布局,嵌套比较多,如果添加了注释,会造成 ... -
利用jQuery进行三行两列等高布局
2010-05-01 09:32 2920利用jQuery来进行等高页面布局,简单易行,而且有很好的兼容 ... -
CSS实现圆角六色渐变自适应按钮
2010-04-10 00:10 1177.g_a{display:-moz-inline-st ... -
absolute绝对定位的非绝对定位用法
2010-04-09 22:59 982总结: position为absolute的元素如 ... -
CSS实现跨浏览器兼容性的盒阴影效果
2010-04-09 22:41 1393.shadow { -moz-box-shadow: ... -
使用字符实现兼容性的圆角尖角效果
2010-04-02 15:59 1049文章链接:http://www.zhangxinxu.com/ ... -
纯CSS实现侧边栏/分栏高度自动相等
2010-04-02 11:53 2263本文摘自:http://www.zhang ... -
关于文字内容溢出用点点点(…)省略号表示
2010-04-02 00:24 1096该文提供了多种兼容性上佳的文字溢出点点点省略号显示的方法,而里 ... -
复选框单选框与文字对齐问题的研究与解决
2010-04-01 22:42 3202摘要: 目前中文网站上面的文字,就我的个人感觉而言,绝 ...
相关推荐
2010南非世界杯冠军预测投票系统.doc
用EXCEL做的世界杯对阵表,内嵌函数已经做好,只需填上比分万事OK!
资源名称:关注2010年南非世界杯:赛事系统源码资源目录:【】fifa2006【】VB世界杯赛事管理系统【】世界杯题库脚本【】我爱世界杯网源码【】超强世界杯赛程表软件源代码下载资源截图: 资源太大,传百度网盘了,...
南非世界杯 主题曲 中英文对照翻译南非世界杯 主题曲 中英文对照翻译南非世界杯 主题曲 中英文对照翻译
AutoCAD三维建模教程:南非世界杯足球的画法及渲染汇编.pdf
对南非世界杯足球赛各队技战术能力的综合分析,蔡治东,虞荣娟,通过查阅文献,选取了反映足球队实力的10项指标,对第19届世界杯足球赛32支球队64场比赛的10项攻防指标进行聚类统计,并对各聚类指�
中国移动南非世界杯营销传播方案.pdf
VIP世界杯 我为足球狂 6.19修正版 2010南非世界杯主题站 直接将所有文件上传到服务器 可放置在二级目录里 作为网站的一个栏目
搜狗皮肤 南非世界杯皮肤 南非世界杯皮肤~~
创业计划书-中国移动南非世界杯营销传播方案
自己做的世界杯的宣传网站,供大家相互学习,相互提高!!
采用录像观察法、文献资料法、对比分析和归纳统计法,对2010年世界杯足球赛决赛阶段64场比赛145个进球情况进行系统分析。结果显示:19届世界杯进球数是近4届世界杯最少的;比赛的开始时段是进球的低谷;75-90min时段是...
java做的世界杯程序,简单易理解!直接运行!画面漂亮!
NULL 博文链接:https://houjunli001.iteye.com/blog/689627
Excel做的,记录南非世界杯全部比赛赛程,并且将比分记录后能够自动生成小组出线球队,到2010年6月13日上午(北京时间)为止已完成比赛已记录
VIP世界杯 我为足球狂 6.19修正版 2010南非世界杯主题站 直接将所有文件上传到服务器 可放置在二级目录里 作为网站的一个栏目
Aahao2022中央电视台南非世界杯直播表归类.pdf
以2010年南非世界杯足球赛前八强球队防守技术运用情况为研究对象,采用文献资料和观察统计的方法,对其前8名球队运用抢球、断球、铲球、争顶球四大主要防守技术以及在不同赛场区域和不同时段运用防守技术的情况进行...