Bir web sayfasının arka planı ve metin rengi nasıl değiştirilir?

Aşağıda bir web sayfasının arka plan rengini HTML ve CSS'de nasıl değiştirebileceğinize dair adımlar bulunmaktadır. Arka plan rengi HTML BODY etiketiyle yapılabilir, ancak arka plan renk değerlerini aşağıda gösterildiği gibi CSS'de belirtmenizi öneririz.

İpucu: Herhangi bir web sayfasının öğesinin rengini tanımlarken, HTML renk kodlarını kullanmanız gerekebilir. Büyük renkler için, renk kodlarını kullanmak yerine bu renklerin adlarını da belirtebilirsiniz; örneğin, saygı duyulan renk kodu değerlerini kullanmak yerine kırmızı, mavi, yeşil ve siyah.

CSS örneği

Aşağıdaki CSS örneğinde, "arka plan rengi: # 000;" ekleyerek vücudu siyahın arka plan rengine sahip olacak şekilde ayarlıyoruz. vücut bloğunda. Arka plan rengi siyah olduğundan, metin rengi de değişmelidir, yoksa görünmez. Bu nedenle, "color: #fff;" ekleyerek metin rengini beyaz olarak ayarlıyoruz. bloğun içine.

 vücut {font-family: Helvetica, Arial, sans-serif; Arka plan renkli: # 000; Renk: #fff; } 

Sayfanız CSS kullanmıyorsa veya CSS'ye dönüştürmek istemiyorsanız, HTML kodundaki BODY etiketinde bunun nasıl yapılacağına ilişkin adımlar aşağıda verilmiştir. Ancak, daha önce de belirtildiği gibi, yukarıdaki CSS kodunu body etiketi yerine kullanmanızı öneririz. CSS stilini kullanıyorsanız, arka plan rengi değerlerini bir kez değiştirebilirsiniz; değişiklikler bu stili kullanarak tüm HTML öğelerine otomatik olarak uygulanır.

HTML gövdesi etiketi örneği

Bazı çok nadir durumlarda, CSS kullanmak mümkün olmayabilir. Bu durumlar için, arka plan rengini, metin rengini, bağlantı rengini ve HTML gövdesi etiketindeki diğer değerleri aşağıda gösterildiği gibi tanımlayabilirsiniz.

Aşağıda, body etiketindeki her bir HTML niteliğinin açıklaması bulunmaktadır.

METİN = Metnin rengi.

LINK = Bağlantıların rengi.

VLINK = Ziyaret edilen bağlantı rengi.

ALINK = Etkin bağlantının rengi veya tıklandığında bağlantının değiştiği renk.

BGCOLOR = Sayfa arka plan rengi.

İpucu: Yukarıdaki değerlerin tümünü daha iyi gösterebilmenize yardımcı olmak için, bu sayfada bağlantı rengi mavidir, ziyaret ettiğiniz bağlantılar mor renktedir ve üzerine gelinen veya tıklanan bağlantılar kırmızıdır.