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.
|
No comments:
Post a Comment