<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div align="center"> <caption><h2><ins><i>CRICKET TEAM RAKINGS</i></ins></h2></caption> </div> <table style="width:65%;height:90%;" align="center"> <tr> <th colspan="4" style="background-color:#5E1D55;color:white;"><h3>TEST RAKINGS</h3></th> </tr> <tr style="background-color:#32A9EE;color:white;"> <th>Rank</th> <th>Team</th> <th>Point</th> <th>Rating</th> </tr> <tr> <td><b>1</b></td> <td>India</td> <td>3634</td> <td>125</td> </tr> <tr> <td><b>2</b></td> <td>South Africa</td> <td>3589</td> <td>112</td> </tr> <tr> <td><b>3</b></td> <td>Australia</td> <td>3499</td> <td>106</td> </tr> <tr> <td><b>4</b></td> <td>New Zealand</td> <td>2354</td> <td>102</td> </tr> <tr> <td><b>5</b></td> <td>England</td> <td>3772</td> <td>97</td> </tr> <tr> <td><b>6</b></td> <td>Sri Lanka</td> <td>3182</td> <td>91</td> </tr> <tr> <td><b>7</b></td> <td>Pakistan</td> <td>1853</td> <td>88</td> </tr> <tr> <td><b>8</b></td> <td>Bangladesh</td> <td>1202</td> <td>75</td> </tr> <tr> <td><b>9</b></td> <td>West Indies</td> <td>1860</td> <td>72</td> </tr> <tr> <td><b>10</b></td> <td>Zimbabwe</td> <td>12</td> <td>2</td> </tr>

body{ background-image: url(https://images.unsplash.com/photo-1531415074968-036ba1b575da?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=472642856008b6ddb3e596e45ca4263d&auto=format&fit=crop&w=1494&q=80); background-size:1500px 800px; } table{ border:1px solid black; border-collapse:collapse ; padding:0px; } th{ padding:10px; border:1px solid black; } td{ padding:10px; border:1px solid black; text-align:left; } tr:nth-child(even) { background-color:white; } tr:nth-child(odd) { background-color:#eee; }