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).
Hasilnya sebagai berikut :
Selanjutnya kita akan membahas tentang cara mengubah background teks dengan menggunakan CSS.
Untuk melihat artikel/materi lainnya silahkan masuk di sini