Html kodlarının arasına yazdığınız css kodlarını renklendirmek için bir çok yöntem bulunmaktadır. Bu yazımda sizlere bu yöntemleri size elimden geldiğince açıklığa kavuşturup, bilip bilmeyen birçok dostumuza bu konuda yardımcı olmak isterim. İsterseniz çok uzatmadan konumuza geçelim.
Html kodlarının arasına yazdığımız css kodlarını belirttiğimiz (ingilizce renk isimleri) ile veyahut HSLA, RGBA, HSL, HEX, RGB değerlerini kullanarak css kodlarımızı renklendirebilmemiz mümkündür.
Html kodlarının arasına yazdığımız css kodlarını belirttiğimiz (ingilizce renk isimleri) ile veyahut HSLA, RGBA, HSL, HEX, RGB değerlerini kullanarak css kodlarımızı renklendirebilmemiz mümkündür.
RENK İSİMLERİ:
Html kodlarımızın arasına tekrardan belirterek (İngilizce Renk İsmi) ile Html kodlarımıza renk vermek mümkündür.
Kod:
<h1 style="background-color:Red;"></h1>
<h1 style="background-color:Yellow;"></h1>
<h1 style="background-color:Grey;"></h1>
ARKA PLAN RENGİ:
Arka plan rengi ile html kodlarımızın arasına arkaplan rengini ayarlayabiliriz.
Kod:
<h1 style="background-color:Tomato;">Merhaba Turk Hack Team</h1>
<p style="background-color:Yellow;">Merhaba Turk Hack Team</p>
METİN RENGİ:
Altta belirteceğim kodlar sayesinde metninizin rengini değiştirebilirsiniz.
Kod:
<h1 style="color:red;">Turk Hack Team</h1>
<h1 style="color:yellow;">Turk Hack Team</h1>
<p style="color:blue;">Turk Hack Team</p>
ÇERÇEVE RENGİ:
Çerçeve rengini, aşağıda belirttiğim kodlar sayesinde rengini değiştirebilmen mümkün.
Kod:
<h1 style="border:2px solid red;">Turk Hack Team</h1>
<h1 style="border:2px solid yellow;">Turk Hack Team</h1>
<p style="border:2px solid blue;">Turk Hack Team</p>
RENK DEĞERLERİ:
Renk değerleri şuanlık aklınızı karıştırabilir. Bu yöntem ilede 'background' veya 'color' diyerek. Hem yazınızı hemde arkaplan renginizi değiştirebilmeniz mümkün.
Aynı zamanda htmlde, renk değerleri dışında Hex değerleri, Hsl değerleri, Rgba değerleri ve HSLA değerleri kullanılarakda belirtilebilir. Bunları bu konu beğenilirse sonradan sizlere sunacağım
Aynı zamanda htmlde, renk değerleri dışında Hex değerleri, Hsl değerleri, Rgba değerleri ve HSLA değerleri kullanılarakda belirtilebilir. Bunları bu konu beğenilirse sonradan sizlere sunacağım
Kod:
<h1 style="background-color:rgb(255,99, 71);">Turk Hack Team</h1>
<h1 style="background-color:#fff000;">Turk Hack Team</h1>
<p style="background-color:hsla(9,100%, 64%, 0.5);">Turk Hack Team</p>
Not: Background'u silip sadece color yazararsanız bu sefer yazı belirtilen renk olacakdır. Yazıda belirttiğim bütün yöntemler bunlarla geçerlidir.
Diğer konumda daha ayrıntılı belirteceğim yinede ön giriş olsun diye size renk kodları ilede css kodunuza bolca renk kodu bulabileceğiniz bir site vereceğim: https://htmlcolorcodes.com hem html hemde css için geçerlidir.
Konumu Beğendiyseniz Like Atmayı Unutmayın İstek Gelirse Konunun Devamı Gelecek