Bilinmesi gereken
- En kolayı: style özelliğini ekleyin arka plan rengi tabloya, satıra veya hücre etiketine.
- Sonraki en kolay: özelliği kullanın bgcolor.
Bu makale, bir web sitesindeki bir tablonun bölümlerinin arka plan renklerini değiştirme yöntemlerini açıklar.
Eski yöntem özniteliği kullandı bgcolor Bir tablonun arka plan rengini değiştirmek için. Bir tablo satırının veya bir tablo hücresinin rengini değiştirmek için de kullanılabilir. Ancak, stil sayfaları lehine bgcolor niteliği kullanımdan kaldırılmıştır, bu nedenle bir tablonun arka plan rengini değiştirmenin en uygun yolu değildir.
Arka plan rengini değiştirmenin en iyi yolu style özelliğini eklemektir. arka plan rengi tabloya, satıra veya hücre etiketine.
Bu örnek, tüm tablonun arka plan rengini değiştirir:
Tek bir satırın rengini değiştirmek için, arka plan rengi özelliğini.
öğesine özniteliği ekleyerek tek bir hücrenin rengini değiştirebilirsiniz.
Ayrıca arka plan renklerini masa başlıklarına veya
Stil Sayfalarını Kullanarak Arka Plan Rengini Değiştirin
Ancak, doğru biçimlendirilmiş bir stil sayfası lehine arka plan rengi özniteliğini kullanmaktan kaçınmak daha iyidir. Örneğin, stilleri HTML belgenizin HEAD kısmındaki bir stil sayfasında ayarlayabilir veya bunları bir stil sayfasında ayarlayabilirsiniz. harici stil sayfası. HEAD'de veya harici bir stil sayfasında aşağıdaki gibi değişiklikler tablolar, satırlar ve hücreler için aşağıdaki gibi görünebilir:
tablo { arka plan rengi: #ff0000; }
tr { arka plan rengi: sarı; }
td { arka plan rengi: #000; }
Sütun Arka Plan Rengini Ayarlama
Bir sütun için arka plan rengini ayarlamanın en iyi yolu, bir sütun oluşturmaktır. stil sınıfı ve ardından sütunun hücrelerine atayın. Bir sınıf oluşturmak, bir özniteliği kullanarak o sınıfı belirli bir sütundaki hücrelere atamanıza olanak tanır.
CSS:
td. ColColor { arka plan rengi: mavi; }
HTML:
hücre 1hücre 2hücre 1hücre 2
Bir stil sayfası aracılığıyla arka plan renklerini kontrol etmenin önemli bir avantajı, renk seçiminizi daha sonra değiştirebilmenizdir. HTML belgesini gözden geçirip her hücrede değişiklik yapmak yerine, renk seçiminde tek bir değişiklik yapabilirsiniz. CSS olduğu her örneğe derhal uygulanacaktır. class="ColColor" sözdizimi görünür.
CSS'yi HTML'nize serpiştirmek veya ayrı bir CSS dosyası çağırmak, yalnızca değişiklik yapmanın ötesinde bir miktar yönetim yükü ekler. Bir HTML özelliği olarak, CSS'ye güvenmenin hataları azalttığını, geliştirmeyi hızlandırdığını ve dosyanızın taşınabilirliğini iyileştirdiğini göreceksiniz. belge.