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

hegz

浏览: 439423 次
性别:
来自: 茂名

最近访客更多访客>>

u012363178

zhangze6000

corn8888

咕咕鸡呜呜

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

HTML&CSS

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>

三、效果图