Beautiful CSS Table. Beautiful CSS/HTML Table – Ready to Use Code!

The Result Here:

Rank Title Studio World wide gross
1 The Avengers Marvel $1,511,757,910
2 Skyfall MGM $1,108,561,013
3 The Dark Knight Rises Warner Bros $1,084,439,099
4 The Hobbit: An Unexpected Journey Warner Bros $1,017,003,568
5 Ice Age: Continental Drift Fox $877,244,782
6 The Twilight Saga: Breaking Dawn Lionsgate $829,224,737
7 The Amazing Spider-Man Columbia $752,216,557
Rank Title Studio World wide gross

Distanziatore bianco

The Code Here:

<!DOCTYPE html>
<html>
  
<head>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<style type="text/css">

/* Table001 */
#table001 {width:100%;          
           border-collapse:collapse; /* It sets whether the table borders are collapsed into a single border */
           font-family: 'Ubuntu', sans-serif;				
		   }
#table001 td {text-align:center;} /* standard cell setup */

#table001 tr:nth-child(odd) /* alternate color row setup */
{
background:#D4F5DE;
}
#table001 tr:nth-child(even)
{
background:#D2D2F4;
}

#thheader {border-bottom:1px solid;background:white;} /* table header setup */

#thfooter {border-top:1px solid;background:white;} /* table footer setup */

</style>

 
</head>
  
<body>
<table id="table001">
  <tr>
    <th id="thheader">Rank</th>
    <th id="thheader">Title</th>
    <th id="thheader">Studio</th>
    <th id="thheader">World wide gross</th>
  </tr>
  <tr>
    <td>1</td>
    <td>The Avengers</td>
    <td>Marvel</td>
    <td>$1,511,757,910</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Skyfall</td>
	<td>MGM</td>
    <td>$1,108,561,013</td>
  </tr>
    <tr>
    <td>3</td>
    <td>The Dark Knight Rises</td>
    <td>Warner Bros</td>
    <td>$1,084,439,099</td>
  </tr>
  <tr>
    <td>4</td>
    <td>The Hobbit: An Unexpected Journey</td>
    <td>Warner Bros</td>
    <td>$1,017,003,568</td>
  </tr>
  <tr>
    <td>5</td>
    <td>Ice Age: Continental Drift</td>
    <td>Fox</td>
    <td>$877,244,782</td>
  </tr>
  <tr>
    <td>6</td>
    <td>The Twilight Saga: Breaking Dawn</td>
    <td>Lionsgate</td>
    <td>$829,224,737</td>
  </tr>
  <tr>
    <td>7</td>
    <td>The Amazing Spider-Man</td>
    <td>Columbia</td>
    <td>$752,216,557</td>
  </tr>
  <tr>
    <th id="thfooter">Rank</th>
    <th id="thfooter">Title</th>
    <th id="thfooter">Studio</th>
    <th id="thfooter">World wide gross</th>
  </tr>
</table>

</body>
  
</html>

My official WebSite >