`
hegz
  • 浏览: 441819 次
  • 性别: Icon_minigender_1
  • 来自: 茂名
社区版块
存档分类
最新评论

新浪2010南非足球世界杯漂亮表格的制作

CSS 
阅读更多

看到新浪2010足球世界杯主页里的表格非常养眼,近日抽空将表格制作代码抠了出来,以方便日后使用。

 

官方网址:http://2010.sina.com.cn/

 

一、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>

 

三、效果图


 

 

  • 大小: 28.3 KB
0
0
分享到:
评论

相关推荐

    南非世界杯对阵表(EXCEL函数已配好)

    标题 "南非世界杯对阵表(EXCEL函数已配好)" 提供了我们即将讨论的核心内容:使用Microsoft Excel软件创建的2010年南非世界杯足球赛的赛程表。这个表格不仅展示了比赛的对阵情况,而且它利用了Excel的内置函数功能...

    关注2010年南非世界杯:赛事系统

    资源名称:关注2010年南非世界杯:赛事系统源码资源目录:【】fifa2006【】VB世界杯赛事管理系统【】世界杯题库脚本【】我爱世界杯网源码【】超强世界杯赛程表软件源代码下载资源截图: 资源太大,传百度网盘了,...

    南非世界杯宣传网站源码

    【南非世界杯宣传网站源码】是一个面向公众分享的项目,旨在提供一个互动的平台,用于宣传和推广2010年南非世界杯这一全球性体育盛事。这个网站源码是作者亲自开发的,目的是促进大家对网页设计和前端技术的学习与...

    自己写的一个【2010南非世界杯】管理软件

    标题中的“2010南非世界杯”管理软件指的是一个专门针对2010年南非世界杯足球赛设计的应用程序。这个程序可能包含了赛事日程、球队信息、比赛结果、积分榜、射手榜等一系列与世界杯相关的数据管理和展示功能。作为一...

    2010南非世界杯冠军预测投票系统.doc

    该文档描述的是一个基于Java技术的Web应用项目——2010南非世界杯冠军预测投票系统。这个系统利用SSH(Struts+Spring+Hibernate)框架进行开发,其主要目标是提供用户参与预测世界杯冠军的投票功能,并能查看实时的...

    java做的世界杯程序

    从标签“java,世界杯”我们可以推断,这个程序的核心功能很可能与世界杯足球赛相关,比如提供球队信息、赛程安排、实时比分更新、历史数据查询等功能。开发者可能使用了网络编程技术,如HTTP请求,来获取实时数据,...

    AutoCAD三维建模教程:南非世界杯足球的画法及渲染汇编.pdf

    【AutoCAD三维建模教程:南非世界杯足球的画法及渲染】 AutoCAD是一款广泛应用于工程制图和设计领域的软件,其强大的三维建模功能能够帮助用户创建复杂的几何形状。本教程将详细介绍如何使用AutoCAD来绘制南非世界...

    英语翻译-南非世界杯主题曲中英文对照翻译

    - **《Wavin' Flag》**: 该歌曲由索马里裔加拿大歌手K'naan演唱,被选为2010年南非世界杯官方主题曲之一,具有极高的文化价值和社会影响力。 - **歌词内容**: 歌词中传递了希望、自由和团结的信息,反映了足球运动所...

    数据分析2010世界杯.pdf

    这篇文章是关于2010年世界杯足球赛数据分析的研究论文,主要对世界杯四强球队的行为模式和策略进行了自动化分析与比较。文章发表在名为JSystSciComplex的期刊上,通过数据挖掘技术分析了国际足球联合会(FIFA)发布...

    中国移动南非世界杯营销传播方案.pdf

    1. 项目管理:文档提到的“中国移动南非世界杯营销传播方案.pdf”很可能是一个关于如何管理和执行一个市场营销项目的大纲。项目管理作为一门专业的学科,涉及到规划、组织、激励和控制资源来实现特定目标。在这个...

    创业计划书-中国移动南非世界杯营销传播方案

    本方案聚焦于中国移动在2010年南非世界杯期间的市场营销策略,旨在探讨如何利用全球瞩目的体育盛事提升品牌形象、拓展市场,并增强客户粘性。这一计划书包含了以下几个核心知识点: 1. **事件营销**:通过与南非...

    VIP世界杯我为足球狂php小偷v2010.6.19修正版

    【标题】VIP世界杯我为足球狂php小偷v2010.6.19修正版,是一款基于PHP编程语言的网站程序,专为2010年南非世界杯设计的主题站点。该版本修复了之前的一些问题,提高了程序的稳定性和用户体验。 【描述】这款6.19...

    搜狗输入法皮肤,南非世界杯皮肤

    搜狗皮肤 南非世界杯皮肤 南非世界杯皮肤~~

    Aahao2022中央电视台南非世界杯直播表归类.pdf

    本文档标题为"Aahao2022中央电视台南非世界杯直播表归类.pdf",描述中并未提供具体信息,但可以推断这是一个关于2022年南非世界杯足球赛在中央电视台(CCTV)播出计划的汇总表。标签为"网络资源",表明这份文件可能是...

    2010年南非世界杯足球赛决赛进球情况分析 (2010年)

    ### 2010年南非世界杯足球赛决赛进球情况分析 #### 概述 本文通过对2010年南非世界杯足球赛决赛阶段64场比赛共145个进球(不包括点球决胜负的进球)的数据进行分析,揭示了高水平足球比赛中进球的一般规律和特征。...

    南非世界杯赛程,包含赛果记录功能Excel

    Excel做的,记录南非世界杯全部比赛赛程,并且将比分记录后能够自动生成小组出线球队,到2010年6月13日上午(北京时间)为止已完成比赛已记录

    可口可乐世界杯品牌宣传方案.pptx

    【可口可乐世界杯品牌宣传方案】是针对2010年南非世界杯期间,可口可乐公司在中国沈阳市策划的一系列品牌推广活动。该方案旨在利用世界杯的全球影响力,结合南非独特的足球文化,强化可口可乐品牌的市场地位,提高...

Global site tag (gtag.js) - Google Analytics