2010-04-17 20 views
19

"İç kenarlık" ı nasıl ayarlayabilirim - farklı hücreler arasındaki sınır.İç tablo kenarlığını HTML'de ayarlama

Stil özelliklerini ayarlayarak dış kenarlığı kontrol etmeyi başarabilirim, ancak iç kenarlık aynı gri rengi ve aynı genişlikte kalıyor. İç sınırı kontrol etmek için hangi özellikleri değiştirmeliyim?

cevap

13

bir göz atın, burada tüm cihazlarda çalışır kısa bir çözümdür/aşağıda IE 7 ve dışında BrowserStack tarayıcıları,: IE 7 desteği için

table { border-collapse: collapse; } 

td + td, 
th + th { border-left: 1px solid; } 
tr + tr { border-top: 1px solid; } 

Bu ekleyin:

tr + tr > td, 
tr + tr > th { border-top: 1px solid; } 

bir test durumu burada görülebilir: http://codepen.io/dalgard/pen/wmcdE

+1

Bu çok ince bir kod parçasıdır. Sadeliği için minnettarım. – Kristopher

+0

bu düzen sonları son satır tek 'td' alırsa, örneğin, bunu nasıl düzeltebilirim olur? – Alejandro

İlgili konular