Dokumen tersebut memberikan panduan tentang cara mengubah warna teks menggunakan CSS dengan properti color dan memberikan nilai warna dalam bentuk kode hexadesimal atau nama warna. Contoh kode mengubah warna teks paragraf pertama menjadi merah dan paragraf kedua menjadi hijau.
1. CSS Tutorial rosihanari.net
Mengubah Warna Text
Untuk mengubah warna font, propertinya adalah:
color : warna;
dengan value warna diisikan dengan warna yang diinginkan, dapat berupa kode
hexadesimalnya, maupun nama eksplisitnya.
Contoh:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Guide</title>
<style type="text/css">
p.styled1 {
font-family: "Palatino Linotype";
font-size: 20px;
color: #FF0000;
}
p.styled2 {
color: green;
}
</style>
</head>
<body>
<p class="styled1">Ini adalah paragraf 1. Ini adalah paragraf 1. Ini
adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini
adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini
adalah paragraf 1. Ini adalah paragraf 1. </p>
<p class="styled2">Ini adalah paragraf 2. Ini adalah paragraf 2. Ini
adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini
adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini
adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. </p>
</body>
</html>
Paragraf pertama pada contoh di atas akan diberikan style text berwarna merah
(#FF0000) sedangkan paragraf kedua berwarna hijau (green).
Mengubah Warna Text 28
2. CSS Tutorial rosihanari.net
Mengubah Warna Text 29