CSS Dersleri Bölüm 8 –Tabloları Stillendirme
Temamın tablo stilleri uygun olmadığı için göstermek istediğim tablo biçimini şuradan görebilirsiniz buraya tıklayarak.
Ek açıklama da; bu derslerin çoğu bir çeviridir w3schools.com’dan ve kendi tecrübelerimi de içerir. Örneklerin çoğunu kendiniz uygulayabildiğiniz gibi daha önce açıkladığım şekilde, w3schools.com’a ait örneklerde verdiğim online editör’den de yararlanabilirsiniz. Yararlı olması dileğiyle…
Table Borders(tablo kenarları)
border özelliği kullanılarak tablo kenarları css ile biçimlendirilir.
Aşağıdaki örnek siyah bir kenar oluşturur table, th ve td elementleri için:
Örnek
table, th, td
{
border: 1px solid black;
}
Kendiniz deneyin! »Örnekteki tablonun kenarlarının çift olduğuna dikkat edin. Bu table ve th/td elementlerinin ayrı olarak kenar özelliğine sahip olduğunun göstergesidir.
Tablo kenarında tek bir çizgi göstermek için border-collapse özelliğini kullanın.