好看的html表格_表格

 

  1. <html>   
  2. <head>   
  3. <style type="text/css">   
  4. #customers   
  5.   {   
  6.   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;   
  7.   width:100%;   
  8.   border-collapse:collapse;   
  9.   }   
  10.    
  11. #customers td, #customers th    
  12.   {   
  13.   font-size:1em;   
  14.   border:1px solid #98bf21;   
  15.   padding:3px 7px 2px 7px;   
  16.   }   
  17.    
  18. #customers th    
  19.   {   
  20.   font-size:1.1em;   
  21.   text-align:left;   
  22.   padding-top:5px;   
  23.   padding-bottom:4px;   
  24.   background-color:#A7C942;   
  25.   color:#ffffff;   
  26.   }   
  27.    
  28. #customers tr.alt td    
  29.   {   
  30.   color:#000000;   
  31.   background-color:#EAF2D3;   
  32.   }   
  33. </style>   
  34. </head>   
  35.    
  36. <body>   
  37. <table id="customers">   
  38. <tr>   
  39. <th>Company</th>   
  40. <th>Contact</th>   
  41. <th>Country</th>   
  42. </tr>   
  43.    
  44. <tr>   
  45. <td>Apple</td>   
  46. <td>Steven Jobs</td>   
  47. <td>USA</td>   
  48. </tr>   
  49.    
  50. <tr class="alt">   
  51. <td>Baidu</td>   
  52. <td>Li YanHong</td>   
  53. <td>China</td>   
  54. </tr>   
  55.    
  56. <tr>   
  57. <td>Google</td>   
  58. <td>Larry Page</td>   
  59. <td>USA</td>   
  60. </tr>   
  61.    
  62. <tr class="alt">   
  63. <td>Lenovo</td>   
  64. <td>Liu Chuanzhi</td>   
  65. <td>China</td>   
  66. </tr>   
  67.    
  68. <tr>   
  69. <td>Microsoft</td>   
  70. <td>Bill Gates</td>   
  71. <td>USA</td>   
  72. </tr>   
  73.    
  74. <tr class="alt">   
  75. <td>Nokia</td>   
  76. <td>Stephen Elop</td>   
  77. <td>Finland</td>   
  78. </tr>   
  79.    
  80.    
  81. </table>   
  82. </body>   
  83. </html>