一个非常漂亮的简约大气的table

小咪咪 2022-08-19 01:54 165阅读 0赞

下载： [ http://pan.baidu.com/s/1kUcJEZX][http_pan.baidu.com_s_1kUcJEZX]

或者Git: https://git.oschina.net/paincupid/express-css-table-design.git

<table style=""> 
 <thead> 
  <tr> 
   <th style="font-size:14px; font-weight:normal; color:rgb(0,51,153); padding:10px 8px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177)"> Employee</th> 
   <th style="font-size:14px; font-weight:normal; color:rgb(0,51,153); padding:10px 8px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177)"> Salary</th> 
   <th style="font-size:14px; font-weight:normal; color:rgb(0,51,153); padding:10px 8px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177)"> Bonus</th> 
   <th style="font-size:14px; font-weight:normal; color:rgb(0,51,153); padding:10px 8px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177)"> Supervisor</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Stephen C. Cox</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $300</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $50</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Bob</td> 
  </tr> 
  <tr> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Josephin Tan</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $150</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> -</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Annie</td> 
  </tr> 
  <tr> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Joyce Ming</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $200</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $35</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Andy</td> 
  </tr> 
  <tr> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> James A. Pentel</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $175</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> $25</td> 
   <td style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204); color:rgb(102,102,153); padding:6px 8px"> Annie</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="padding:8px 2px; font-weight:normal; font-size:14px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177); border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153)"> Comedy</th> 
   <th style="padding:8px 2px; font-weight:normal; font-size:14px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177); border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153)"> Adventure</th> 
   <th style="padding:8px 2px; font-weight:normal; font-size:14px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177); border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153)"> Action</th> 
   <th style="padding:8px 2px; font-weight:normal; font-size:14px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:rgb(102,120,177); border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153)"> Children</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Scary Movie</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Indiana Jones</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> The Punisher</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Wall-E</td> 
  </tr> 
  <tr> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Epic Movie</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Star Wars</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Bad Boys</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Madagascar</td> 
  </tr> 
  <tr> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Spartan</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> LOTR</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Die Hard</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Finding Nemo</td> 
  </tr> 
  <tr> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Dr. Dolittle</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> The Mummy</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> 300</td> 
   <td style="padding:12px 2px 0px; border-right-width:30px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:30px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> A Bug's Life</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:4px; border-top-style:solid; border-top-color:rgb(170,188,254); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153); background:rgb(185,201,254)"> Employee</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:4px; border-top-style:solid; border-top-color:rgb(170,188,254); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153); background:rgb(185,201,254)"> Salary</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:4px; border-top-style:solid; border-top-color:rgb(170,188,254); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153); background:rgb(185,201,254)"> Bonus</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:4px; border-top-style:solid; border-top-color:rgb(170,188,254); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153); background:rgb(185,201,254)"> Supervisor</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Stephen C. Cox</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $300</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $50</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Bob</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Josephin Tan</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $150</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> -</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Annie</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Joyce Ming</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $200</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $35</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Andy</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> James A. Pentel</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $175</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> $25</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent; background:rgb(232,237,255)"> Annie</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(155,175,241); border-left-width:1px; border-left-style:solid; border-left-color:rgb(155,175,241); color:rgb(0,51,153); background:rgb(232,237,255)"> Comedy</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(155,175,241); border-left-width:1px; border-left-style:solid; border-left-color:rgb(155,175,241); color:rgb(0,51,153); background:rgb(232,237,255)"> Adventure</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(155,175,241); border-left-width:1px; border-left-style:solid; border-left-color:rgb(155,175,241); color:rgb(0,51,153); background:rgb(232,237,255)"> Action</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(155,175,241); border-left-width:1px; border-left-style:solid; border-left-color:rgb(155,175,241); color:rgb(0,51,153); background:rgb(232,237,255)"> Children</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Scary Movie</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Indiana Jones</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> The Punisher</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Wall-E</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Epic Movie</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Star Wars</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Bad Boys</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Madagascar</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Spartan</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> LOTR</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Die Hard</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Finding Nemo</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> Dr. Dolittle</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> The Mummy</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> 300</td> 
   <td style="padding:8px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(170,188,254); border-left-width:1px; border-left-style:solid; border-left-color:rgb(170,188,254); color:rgb(102,102,153); background:rgb(232,237,255)"> A Bug's Life</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="font-size:14px; font-weight:normal; padding:10px 8px; color:rgb(0,51,153)"> Employee</th> 
   <th style="font-size:14px; font-weight:normal; padding:10px 8px; color:rgb(0,51,153)"> Salary</th> 
   <th style="font-size:14px; font-weight:normal; padding:10px 8px; color:rgb(0,51,153)"> Bonus</th> 
   <th style="font-size:14px; font-weight:normal; padding:10px 8px; color:rgb(0,51,153)"> Supervisor</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr style="background:rgb(232,237,255)"> 
   <td style="padding:8px; color:rgb(102,102,153)">Stephen C. Cox</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$300</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$50</td> 
   <td style="padding:8px; color:rgb(102,102,153)">Bob</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; color:rgb(102,102,153)">Josephin Tan</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$150</td> 
   <td style="padding:8px; color:rgb(102,102,153)">-</td> 
   <td style="padding:8px; color:rgb(102,102,153)">Annie</td> 
  </tr> 
  <tr style="background:rgb(232,237,255)"> 
   <td style="padding:8px; color:rgb(102,102,153)">Joyce Ming</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$200</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$35</td> 
   <td style="padding:8px; color:rgb(102,102,153)">Andy</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; color:rgb(102,102,153)">James A. Pentel</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$175</td> 
   <td style="padding:8px; color:rgb(102,102,153)">$25</td> 
   <td style="padding:8px; color:rgb(102,102,153)">Annie</td> 
  </tr> 
 </tbody> 
</table>

<table style="">       
 <thead> 
  <tr> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(214,223,255); background:rgb(220,228,255)"> Comedy</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(200,212,253); background:rgb(208,218,253)"> Adventure</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(214,223,255); background:rgb(220,228,255)"> Action</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(200,212,253); background:rgb(208,218,253)"> Children</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Scary Movie</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Indiana Jones</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> The Punisher</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Wall-E</td> 
  </tr> 
  <tr> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Epic Movie</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Star Wars</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Bad Boys</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Madagascar</td> 
  </tr> 
  <tr> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Spartan</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> LOTR</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Die Hard</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Finding Nemo</td> 
  </tr> 
  <tr> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> Dr. Dolittle</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> The Mummy</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> 300</td> 
   <td style="padding:8px 15px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(255,255,255); border-left-width:1px; border-left-style:solid; border-left-color:rgb(255,255,255); color:rgb(102,102,153)"> A Bug's Life</td> 
  </tr> 
 </tbody> 
</table>

<table style="">    
 <thead> 
  <tr> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; color:rgb(0,51,153)"> Company</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; color:rgb(0,51,153)"> Q1</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; color:rgb(0,51,153)"> Q2</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; color:rgb(0,51,153)"> Q3</th> 
   <th style="font-size:14px; font-weight:normal; padding:12px 15px; color:rgb(0,51,153)"> Q4</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> Microsoft</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 20.3</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 30.5</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 23.5</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 40.3</td> 
  </tr> 
  <tr> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> Google</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 50.2</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 40.63</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 45.23</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 39.3</td> 
  </tr> 
  <tr> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> Apple</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 25.4</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 30.2</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 33.3</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 36.7</td> 
  </tr> 
  <tr> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> IBM</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 20.4</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 15.6</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 22.3</td> 
   <td style="padding:10px 15px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(232,237,255)"> 29.3</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="padding:12px 17px; font-weight:normal; font-size:14px; color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:rgb(102,153,204)"> Company</th> 
   <th style="padding:12px 17px; font-weight:normal; font-size:14px; color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:rgb(102,153,204)"> Q1</th> 
   <th style="padding:12px 17px; font-weight:normal; font-size:14px; color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:rgb(102,153,204)"> Q2</th> 
   <th style="padding:12px 17px; font-weight:normal; font-size:14px; color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:rgb(102,153,204)"> Q3</th> 
   <th style="padding:12px 17px; font-weight:normal; font-size:14px; color:rgb(0,51,153); border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:rgb(102,153,204)"> Q4</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">Microsoft</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">20.3</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">30.5</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">23.5</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">40.3</td> 
  </tr> 
  <tr> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">Google</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">50.2</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">40.63</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">45.23</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">39.3</td> 
  </tr> 
  <tr> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">Apple</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">25.4</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">30.2</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">33.3</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">36.7</td> 
  </tr> 
  <tr> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">IBM</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">20.4</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">15.6</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">22.3</td> 
   <td style="padding:7px 17px; color:rgb(102,102,153)">29.3</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="padding:15px 10px 10px; font-weight:normal; font-size:14px; color:rgb(0,51,153)"> Company</th> 
   <th style="padding:15px 10px 10px; font-weight:normal; font-size:14px; color:rgb(0,51,153)"> Q1</th> 
   <th style="padding:15px 10px 10px; font-weight:normal; font-size:14px; color:rgb(0,51,153)"> Q2</th> 
   <th style="padding:15px 10px 10px; font-weight:normal; font-size:14px; color:rgb(0,51,153)"> Q3</th> 
   <th style="padding:15px 10px 10px; font-weight:normal; font-size:14px; color:rgb(0,51,153)"> Q4</th> 
  </tr> 
 </thead> 
 <tfoot> 
  <tr> 
   <td colspan="5" style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> <em>The above data were fictional and made up, please do not sue me</em></td> 
  </tr> 
 </tfoot> 
 <tbody style="background:rgb(232,237,255)"> 
  <tr> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> Microsoft</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 20.3</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 30.5</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 23.5</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 40.3</td> 
  </tr> 
  <tr> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> Google</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 50.2</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 40.63</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 45.23</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 39.3</td> 
  </tr> 
  <tr> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> Apple</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 25.4</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 30.2</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 33.3</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 36.7</td> 
  </tr> 
  <tr> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> IBM</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 20.4</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 15.6</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 22.3</td> 
   <td style="padding:10px; color:rgb(102,102,153); border-top-width:1px; border-top-style:dashed; border-top-color:rgb(255,255,255)"> 29.3</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="padding:20px; font-weight:normal; font-size:13px; color:rgb(0,51,153); text-transform:uppercase; border-width:1px; border-style:solid; border-color:rgb(8,101,194) rgb(8,101,194) rgb(255,255,255)"> FAVORITE</th> 
   <th style="padding:20px; font-weight:normal; font-size:13px; color:rgb(0,51,153); text-transform:uppercase; border-width:1px; border-style:solid; border-color:rgb(8,101,194) rgb(8,101,194) rgb(255,255,255)"> GREAT</th> 
   <th style="padding:20px; font-weight:normal; font-size:13px; color:rgb(0,51,153); text-transform:uppercase; border-width:1px; border-style:solid; border-color:rgb(8,101,194) rgb(8,101,194) rgb(255,255,255)"> NICE</th> 
   <th style="padding:20px; font-weight:normal; font-size:13px; color:rgb(0,51,153); text-transform:uppercase; border-width:1px; border-style:solid; border-color:rgb(8,101,194) rgb(8,101,194) rgb(255,255,255)"> BAD</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Passion of the Christ</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Bourne Ultimatum</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Shoot 'Em Up</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Ali</td> 
  </tr> 
  <tr> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> The Big Fish</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> The Mummy</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Apocalypto</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Monster</td> 
  </tr> 
  <tr> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Shawshank Redemption</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Cold Mountain</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Indiana Jones</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Dead or Alive</td> 
  </tr> 
  <tr> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Greatest Story Ever Told</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> I Am Legend</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Star Wars</td> 
   <td style="padding:10px 20px; color:rgb(102,102,153); border-right-width:1px; border-right-style:dashed; border-right-color:rgb(102,204,255)"> Saw 3</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="padding:8px; font-weight:normal; font-size:13px; color:rgb(0,51,153)"> Company</th> 
   <th style="padding:8px; font-weight:normal; font-size:13px; color:rgb(0,51,153); background:rgb(185,201,254)"> Q1</th> 
   <th style="padding:8px; font-weight:normal; font-size:13px; color:rgb(0,51,153); background:rgb(185,201,254)"> Q2</th> 
   <th style="padding:8px; font-weight:normal; font-size:13px; color:rgb(0,51,153); background:rgb(185,201,254)"> Q3</th> 
   <th style="padding:8px; font-weight:normal; font-size:13px; color:rgb(0,51,153)"> Q4</th> 
  </tr> 
 </thead> 
 <tfoot> 
  <tr> 
   <td colspan="4" style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153)"> <em>The above data were fictional and made up, please do not sue me</em></td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153)"> &nbsp;</td> 
  </tr> 
 </tfoot> 
 <tbody> 
  <tr> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> Microsoft</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 20.3</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 30.5</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 23.5</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 40.3</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> Google</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 50.2</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 40.63</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 45.23</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 39.3</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> Apple</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 25.4</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 30.2</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 33.3</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 36.7</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> IBM</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 20.4</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 15.6</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 22.3</td> 
   <td style="padding:8px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); color:rgb(102,102,153); background:rgb(232,237,255)"> 29.3</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="padding:12px; font-weight:normal; font-size:14px; color:rgb(51,51,153)"> Employee</th> 
   <th style="padding:12px; font-weight:normal; font-size:14px; color:rgb(51,51,153)"> Division</th> 
   <th style="padding:12px; font-weight:normal; font-size:14px; color:rgb(51,51,153)"> Suggestions</th> 
  </tr> 
 </thead> 
 <tfoot> 
  <tr> 
   <td colspan="4" style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); font-size:11px"> IE 6 users won't see the transparent background if the hack is not applied</td> 
  </tr> 
 </tfoot> 
 <tbody> 
  <tr> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Stephen C. Cox</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Marketing</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Make discount offers</td> 
  </tr> 
  <tr> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Josephin Tan</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Advertising</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Give bonuses</td> 
  </tr> 
  <tr> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Joyce Ming</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Marketing</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> New designs</td> 
  </tr> 
  <tr> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> James A. Pentel</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Marketing</td> 
   <td style="padding:9px 12px; color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Better Packaging</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:2px; border-top-style:solid; border-top-color:rgb(211,221,255); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Employee</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:2px; border-top-style:solid; border-top-color:rgb(211,221,255); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Division</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:2px; border-top-style:solid; border-top-color:rgb(211,221,255); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Suggestions</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-top-width:2px; border-top-style:solid; border-top-color:rgb(211,221,255); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Rating</th> 
  </tr> 
 </thead> 
 <tfoot> 
  <tr> 
   <td colspan="4" style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(153,153,204); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255); font-size:12px; background:rgb(232,237,255)"> Give background color to the table cells to achieve seamless transition</td> 
  </tr> 
 </tfoot> 
 <tbody> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Stephen C. Cox</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Marketing</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Make discount offers</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> 3/10</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Josephin Tan</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Advertising</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Give bonuses</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> 5/10</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Joyce Ming</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Marketing</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> New designs</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> 8/10</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> James A. Pentel</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Marketing</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> Better Packaging</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:rgb(255,255,255)"> 8/10</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr style=""> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Employee</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Salary</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Bonus</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Supervisor</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Stephen C. Cox</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $300</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $50</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Bob</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Josephin Tan</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $150</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> -</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Annie</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Joyce Ming</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $200</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $35</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Andy</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> James A. Pentel</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $175</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> $25</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Annie</td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <thead> 
  <tr style=""> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Nation</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Capital</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Language</th> 
   <th style="font-size:13px; font-weight:normal; padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(0,51,153)"> Unique</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Japan</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Tokyo</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Japanese</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Karate</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> South Korea</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Seoul</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Korean</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Ginseng</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> China</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Beijing</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Mandarin</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Kung-Fu</td> 
  </tr> 
  <tr> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Indonesia</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Jakarta</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Indonesian</td> 
   <td style="padding:8px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(255,255,255); color:rgb(102,102,153); border-top-width:1px; border-top-style:solid; border-top-color:transparent"> Batik</td> 
  </tr> 
 </tbody> 
</table>

![20151231001615613][]

[http_pan.baidu.com_s_1kUcJEZX]: http://pan.baidu.com/s/1kUcJEZX
[20151231001615613]: /images/20220731/873acc4c91ae48ad93a3f13cff1bbe1e.png