TAMEREISPROX

Tekrar merhaba dostum. Yine sana özel olarak hazırladığım, 2 farklı CSS tablo sitende işine yarayabilir!

Özellikler:

• Kalın çerçeve
• İki farklı başlık rengi seçeneği
• Şık görünüm
• Küçük boyutlu kodlama
• Tüm tarayıcılara uyumluluk

table { width:100%; } table, th, td { border: 3px solid gray; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } table.tamereisprox tr:nth-child(even) { background-color: #eee; } table.tamereisprox tr:nth-child(odd) { background-color:#aa; } table.tamereisprox th { background-color: gray; color: white }

<table> <tr> <th>Ad</th> <th>Soyad</th> <th>Puan</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Tamer</td> <td>M.</td> <td>100</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table>
<table class="tamereisprox"> <tr> <th>Ad</th> <th>Soyad</th> <th>Puan</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Tamer</td> <td>M.</td> <td>100</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table>

Yeni kodlar için takipte kal!

comments powered by Disqus