CSS
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {background-color: #f2f2f2;}
Html
<p>overflow-x:auto özelliği sayesinde taşan tablolara otomatik kaydırma çubuğu atarız.</p>
<div style="overflow-x:auto;">
<table>
<tr>
<th>Enes</th>
<th>Kılıç</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
<th>Points</th>
</tr>
<tr>
<td>Pelin</td>
<td>Işık</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
<td>60</td>
</tr>
<tr>
<td>Lale</td>
<td>Yemenli</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
</tr>
<tr>
<td>Pınar</td>
<td>Kırmalı</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
<td>69</td>
</tr>
</table>
</div>
Çıktı

Tags:

css tabloları
css tablosu
css'de tablolar
css de tablo oluşturma
css tablo ekleme
css hazır tablo
css ile tablo oluşturma
css ile tablo
css ile tablo yapma
css tablo yapımı
css tablo kenarlıkları kaldırma
css table borders all
css collapse table border
css a table border
css table width
table width and height in css
css horizontal align bottom
css for horizontal alignment
a css vertical align
css vertical-align
css horizontal divider
css horizontal menu divider
css hoverable table
css striped table
css striped table example
css for striped table
css table header color
css change table header color
css responsive table example
css responsive tables