Bir Tablonun Arka Plan Rengi Nasıl Değiştirilir

Birçok acemi veya amatör web tasarımcıları bir tablonun arkaplan rengini nasıl değiştireceğini bilmek isterler. Birkaç dakika içinde, bu teknikle bu kısa öğreticiyi nasıl uygulayacağınızı öğrenebilirsiniz. Yöntem göründüğü kadar korkutucu değildir. Bir tablonun arka plan rengini değiştirmek, renklendirmek istediğiniz hücre, satır veya tabloya bir özellik eklemek kadar basittir.

Nasıl Başlanır

Bgcolor özelliği, tablonun arka plan renginin yanı sıra mevcut tablo satırını veya geçerli tablo hücresini değiştirecektir. Ancak bgcolor niteliği stil sayfalarının lehine kaldırılmıştır, bu nedenle 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. Nasıl yapılacağını öğrenmek için aşağıdaki örneğe bakın.

Herhangi bir nedenden dolayı, stil özelliği arka plan rengini tabloya eklemek istemezseniz, seçim yapılabilecek alternatifler vardır. Örneğin, stilleri belgenizin başlığında veya harici stil sayfasındaki stil sayfasında ayarlayabilirsiniz. Aşağıdakilere bakın:

tablo {background-color: # ff0000; tr {background-color: sarı; } td {background-color: # 000; }

Arkaplan Rengi Ayarı

Bir sütunda arka plan rengini belirlemenin en iyi yolu, bir stil sınıfı oluşturmak ve daha sonra bu sınıfı o sütunun içindeki hücrelere atamaktır. Bunu nasıl yapacağınızı öğrenmek için aşağıdaki örneklere bakın.

CSS:

td.blueCol {background-color: mavi; }

HTML:

class = "blueCol" > hücre 1 hücresi 2
class = "blueCol" > hücre 1 hücre 2

Sarma

Daha önce bir tablonun arka plan rengini hiç değiştirmemiş olsanız bile, bu yöntemi kendi başınıza denemek için yukarıdaki örnekleri kopyalayabilirsiniz. Sunulan farklı seçenekleri deneyin ve sonunda en rahat hissettiğiniz birini seçin. HTML tabloları hakkında daha fazla bilgi edinmek isterseniz, ek ayrıntılar için bu SSS'ye bakın.