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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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 >