CSS text color

Kode CSS dapat digunakan untuk mengatur warna text dan warna latar belakang text. Pemilihan warna text bisa dilakukan dengan tiga cara (hampir sama dengan background-color) yaitu :
1. Memasukkan kode RGB-nya.
2. Memasukkan nilai Hexadesimalnya.
3. Memasukkan nama warnanya.

Contoh Kode CSS untuk mengatur Warna


<html>

<head>
<style type="text/css">
h1 {color: rgb(0,0,255)}
h2 {color: #dda0dd}
p {color: red}
</style>
</head>

<body>
<h1>Warna text Header 1 ini di atur dengan menuliskan
kode RGB warna</h1>
<h2>Warna text Header 2 ini di atur dengan menuliskan
nilai desimal warna</h2>
<p>Warna text Paragrap ini di atur dengan menuliskan
nama warnanya </p>
</body>

</html>


Contoh Tampilan kode di atas




Warna text Header 1 ini di
atur dengan menuliskan
kode RGB warna


Warna text Header 2 ini di atur
dengan menuliskan nilai hexadesimal
warna


Warna text Paragrap ini di atur dengan menuliskan
nama warnanya



Sekarang kita akan mencoba membuat warna background untuk text kita. Disini saya akan memberi contoh dengan color name saja, Supaya cepet mahir, yang lainnya coba sendiri yaa.... 

<html>
<style type="text/css">
span.latar
{
background-color: yellow
}
</style>
</head>

<body>
<p>
<span class="latar">Text ini di kasih latar belakang.
</span>
Text yang ini tidak di kasih latar belakang.
</p>
</body>
</html>

Hasilnya akan tampak seperti ini



Text ini di kasih latar belakang. Text yang ini tidak
di kasih latar belakang.
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

Leave a comment

Bitcoin gratis Free bitcoin | Macul bitcoin | Free PSD Graphics