Kimyazar - Ben yazarım!
Css tablo özellikleri
Css tablo özellikleri
CSS Aşağıdaki gibi tablolarınızda farklı renk ve tasarımlar kullanmanıza olanak sağlar:
| Dil | Neden Lazım? |
| HTML | Temel web sayfası yapım bilgisi |
| CSS | Siteyi görselleştirme |
| PHP, ASP | İşlevsel siteler yapmak |
| MySQL | Verileri yönetmek |
Tablolarla ilgili bilmeniz gereken komutlar:
border
border-collapse
width ve height
border-collapse
width ve height
NOT: Tablolarda nesneler hücrelerde yer alır. HTML'de hücreler TD elementi ile belirtilir. Dolayısıyla aşağıda anlatılan kodların çoğu TD elementine yöneliktir.
border: Kenarlık
border-collapse: Kenarlıkları Kaldır
Tablo özelliği olarak bunu belirtirsek tablonun varsayılan kenarlıkları görülmeyecektir.
border-collapse: Kenarlıkları Kaldır
table.tablom { border-collapse: collapse; }
width/height: Tablo Genişliği ve Yüksekliği
width/height: Tablo Genişliği ve Yüksekliği
Tablo ve tablo hücreleri için genişlik (width) ve yükseklik (height) belirtmemizi sağlar.
td.hucre1 { width: 100px; height: 200px; }
td.hucre2 { width: 400px; height: 100px; }
Yukarıdaki örnekte hucre1 adlı hücre 100 piksel genişlik ve 200 piksel yüksekliğe sahipken, hucre2 400 piksel genişlik ve 100 piksel yüksekliğe sahiptir.td.hucre2 { width: 400px; height: 100px; }
Diğer Tablo Şekillendirme Komutları;
text-align: Tablo içindeki yazıların hizasını belirlersiniz.
padding: Tablo içinden belirtilen değerde boşluk verdirir.
background-color: Arkaplan rengini belirtir.
color: Yazı rengini belirtir.
padding: Tablo içinden belirtilen değerde boşluk verdirir.
background-color: Arkaplan rengini belirtir.
color: Yazı rengini belirtir.
Kaynaklar
Ziyaretçi günlüğü
- İp adresin: 13.58.252.71
- Bugün ki ziyaretçi: 10
- Bugün ki tıklanma:13
- Toplam ziyaretçi: 4001
- Toplam tıklanma:7286