Bir web sitesinde bir tablonun parçalarının arka plan renklerini değiştirme yöntemi, yıllar geçtikçe değişti ve stil sayfalarının tanıtımıyla daha kolay ve daha az emek gerektiriyordu.
Eski yöntem, tablonun arka plan rengini değiştirmek için bgcolor özelliğini kullanmıştır. Bir tablo satırının veya bir tablo hücresinin rengini değiştirmek için de kullanılabilir. Ancak bgcolor özniteliği stil sayfalarının lehine kaldırılmıştır, bu nedenle bir tablonun arka plan rengini değiştirmek için en uygun yol değildir.
Arka plan rengini değiştirmenin daha iyi yolu, stil özelliğini arka plan rengini tabloya, satır veya hücre etiketine eklemektir.
Bu, tüm bir tablonun arka plan rengini değiştirir:
Tek bir satırın rengini değiştirmek için arka plan rengi özelliğini
etiket:
Tek bir hücrenin rengini,
etiket:
|
Tablo başlıklarına arka plan renkleri de uygulayabilirsiniz veya | etiketi, aynı şekilde: | Stil Sayfalarını Kullanarak Arkaplan Rengi Değiştirme
Stil özelliğini arka plan rengini tabloya eklemek istemezseniz, arka plan rengini ayarlamanın alternatif yolları vardır. Örneğin, stilleri, HTML belgenizin HEAD'sinde bir stil sayfasından ayarlayabilir veya harici bir stil sayfasına yerleştirebilirsiniz. Bunları HEAD'de veya harici bir stil sayfasında değiştirdiğinizde tablolar, satırlar ve hücreler için bunlar gibi görünebilir:
tablo {background-color: # ff0000; tr {background-color: sarı; } td {background-color: # 000; } Sütun Arkaplan Rengi Ayarı
Bir sütunun arka plan rengini belirlemenin en iyi yolu bir stil sınıfı oluşturmak ve daha sonra bu sınıfı o sütundaki hücrelere atamaktır. Bir sınıf oluşturmak, o sınıfı bir öznitelik kullanarak belirli bir sütundaki hücrelere atamanıza olanak tanır.
CSS:
td.ColColor {arkaplan rengi: mavi; } HTML:
| hücre 1 | hücre 2 | | hücre 1 | hücre 2 |
Bir stil sayfası aracılığıyla arka plan renklerini kontrol etmenin önemli bir avantajı, renk seçiminizi daha sonra değiştirme yeteneğidir. HTML belgesinden geçmek ve her bir hücrede değişiklik yapmak zorunda kalmak yerine, CSS'deki renk seçiminde tek bir değişiklik yapabilir ve hemen class = "ColColor" 'un kullanıldığı her duruma uygulanacaktır. Bu, büyük miktarlarda zaman tasarrufu sağlar ve bir hücre rengi değişikliği eksik gibi hata olasılığını büyük ölçüde azaltır.
Daha önce bir web belgesindeki bir tablonun arka plan rengini hiç değiştirmemiş olsanız bile, yukarıdaki örnekleri kopyalayabilir ve bu yöntemi kendi başınıza deneyebilirsiniz. Stil etiketlerini kullanarak özellikle renk web sayfalarında değişiklik yapmanın ne kadar kolay olduğunu, özellikle de büyük web siteleriyle çalışıyorsanız stil sayfalarını keşfedeceksiniz. Sunulan farklı seçenekleri deneyin ve sonuçta sizin için en rahat olanı seçin.
|
