TABLE tabloları kullanıldığında, HTML üretimine yeni başlayanlar kenar kalınlığını nasıl değiştireceklerini öğrenirler, çünkü varsayılan TABLE kenar ayarı 1px olsa bile çok kalındır. Bu nedenle, ince çizgi sınırları oluşturmak için kullanılan başka yöntemler vardır ve burada CSS kullanılarak ince çizgiler uygulanan bir yöntem vardır; bu yöntem tüm tarayıcılarla çok etkili ve uyumludur.
Sınırı sadece ince çizgi tablosu için ayarsanız, tarayıcının uyumlu olup olmadığından emin olmak zordur. Yaygın bir uygulama, CSS2'nin "border-collapse:collapse" yöntemini kullanmaktır; öznitelik birleştirme tablo sınırları; Ve sol ve üst sınırları tablo öğeleri için, sağ ve alt sınırları ise th ve td öğeleri için ayarlayın.
HTML:
<table> <tr> <th>Tablo başı (satır1, kol1)</th> <th>Tablo başı (Satır1, Kol2)</th> <th>Tablo Başı (Satır1, Kol3)</th> </tr> <tr> <td>Tablo Verileri (Satır1, Kol1)</td> <td>Tablo verisi (satır1, col2)</td> <td>tablo veri (satır1, kol3)</td> </tr> <tr> <td>tablo verisi (satır2, kol1)</td> <td>tablo verisi (satır2, kol2)</td> <td>tablo verileri (satır2, col3)</td> </tr>
CSS</table>:
table{border-collapse:collapse; sınır aralığı:0; border-sol:1px solid #888; border-top:1px solid #888; Arka plan:#efefef; }
th,td{border-right:1px solid #888; border-bottom:1px solid #888; dolgu: 5px 15px; }
th{font-weight:bold; Arka plan:#ccc; } |
Yayınlandı 18.04.2015 22:19:21
|
|
|
|
Yayınlandı 15.07.2015 01:06:57
|
Ev sahibi|
Yayınlandı 11.03.2021 10:51:40
|
Destek ekibine göz atın
