HTML Yazı Rengi Nasıl Değiştirilir?

HTML yazı rengi nasıl değiştirilir? Bu makalede, HTML kodunu kullanarak web sayfalarında metin renklerini nasıl değiştireceğinizi öğrenebilirsiniz. Renk kodlarını kullanarak istediğiniz renkte metinler oluşturabilir ve web tasarımınıza görsel çekicilik katabilirsiniz. Detaylı adımları takip ederek yazı renklerini kolayca değiştirebilirsiniz.

HTML yazı rengi nasıl değiştirilir? HTML kodunda yazı rengini değiştirmek oldukça kolaydır. İlk olarak, style etiketi kullanarak yazının rengini belirleyebilirsiniz. Ardından, color özelliğini kullanarak istediğiniz rengi seçebilirsiniz. Örneğin, mavi bir yazı rengi için “color:blue;” kodunu kullanabilirsiniz. Yazının rengini değiştirmek için ayrıca font etiketlerini de kullanabilirsiniz. Örneğin, kırmızı ve yeşil renkler için farklı font boyutları belirleyebilirsiniz. Yazı rengini değiştirdikten sonra, body etiketi içindeki tüm yazılar bu yeni renkte görünecektir. HTML yazı rengi değiştirme işlemi bu kadar basittir!

• CSS dosyasında .class veya #id seçicileri kullanarak yazı rengini değiştirebilirsiniz.
• background-color özelliğini kullanarak HTML arka plan rengini değiştirirken, color özelliğini kullanarak yazı rengini değiştirebilirsiniz.
• Başlık etiketlerinde (<h1>, <h2>, vb.) genellikle varsayılan olarak belirlenmiş bir yazı rengi vardır.
• Bazı HTML elementlerinin yazı rengi varsayılan olarak tarayıcı tarafından belirlenir ve değiştirilebilir.
• Yazı rengini değiştirmek için rgba() veya hsla() renk değerlerini kullanabilirsiniz.

.kirmizi-yazi {
  color: red;
}

#mavi-yazi {
  color: blue;
}

.kirmizi-yazi {
  color: red;
  background-color: yellow;
}

<script>
function degistir() {
  var element = document.getElementById("yazi");
  element.style.color = "green";
}
</script>

<p id="yazi" onclick="degistir()">Bu yazının rengi değişecek</p>