<table class="uzerinde" id="golKrallari" summary="Türkiye Süper Ligi'nin son 3 yılında en çok gol atan futbolcu listesi" cellspacing="1">
  <caption>1. LİG TARİHİNDEKİ GOL KRALLARI(SON 3 YIL)</caption>
  <thead>
    <tr>
      <th scope="col" abbr="sezon" class="bgYok">SEZON</th>
      <th scope="col" abbr="adsoyad">ADI-SOYADI</th>
      <th scope="col" abbr="takım">TAKIM</th>
      <th scope="col" abbr="maç">MAÇ SAYISI</th>
      <th scope="col" abbr="gol">ATTIĞI GOL</th>
      <th scope="col" abbr="ortalama">ORTALAMA</th>
    </tr>
  <tbody>
    <tr>
      <th scope="row" abbr="03-04" class="baslikBir">2003 - 2004</th>
      <td class="tabloZRFark" tabindex="1">ZAFER BİRYOL</td>
      <td class="tabloZRFark">Konyaspor</td>
      <td class="tabloZRFark">34</td>
      <td class="tabloZRFark">25</td>
      <td class="tabloZRFark">0.74</td>
    </tr>
    <tr>
      <th scope="row" abbr="04-05" class="baslikIki">2004 - 2005</th>
      <td tabindex="2">FATİH TEKKE</td>
      <td>Trabzonspor</td>
      <td>34</td>
      <td>31</td>
      <td>0.91</td>
    </tr>
    <tr>
      <th scope="row" abbr="05-06" class="baslikBir">2005 - 2006</th>
      <td class="tabloZRFark" tabindex="3">GÖKHAN ÜNAL</td>
      <td class="tabloZRFark">Kayserispor</td>
      <td class="tabloZRFark">32</td>
      <td class="tabloZRFark">25</td>
      <td class="tabloZRFark">0.78</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="6">Kaynak: Fatih Futbol Okulu(F.F.O)</td>
    </tr>
  </tfoot>
</table>

body {
  font: normal 14px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#golKrallari {
  width: 700px;
  font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

caption {
  padding: 0 0 5px 0;
  font-size: 18px;
  text-align: right;
}

thead th {
  background: #333;
  color: #fff;
}

th {
  border-bottom:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
  border-top:1px solid #E0E0E0;
  padding: 6px;
}

th.bgYok {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #E0E0E0;
  background: none;

}

th.baslikIki {
  border-left: 1px solid #E0E0E0;
  border-top: 0;
  padding-left:25px;
  background: #fff url(https://fatihhayrioglu.com/dokumanlar/images/top2.gif) 5px no-repeat;
}

th.baslikBir {
  border-left: 1px solid #E0E0E0;
  border-top: 0;
  padding-left:25px;
  background: #F3F3F3 url(https://fatihhayrioglu.com/dokumanlar/images/top.gif) 5px no-repeat;
}

td {
  border-bottom:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
  background-color: #fff;
  padding: 6px;
  color: #474747;
  font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  outline: none;
}


td.tabloZRFark {
  background-color: #f3f3f3;
  color: #474747;
}

tfoot tr td{
  text-align:right;
  border-left:1px solid #e0e0e0;
  border-bottom:2px solid #e0e0e0;
  font:italic 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#golKrallari tr.uzerineGelince td,
#golKrallari tr.uzerineGelince th{
  background:#474747;
  color:#f3f3f3;
}

tbody tr:hover td,
tbody tr:focus-within td {
  background: #333;
  color: #fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.