Tuesday, 27 September 2011

Mengubah Warna Text CSS

| Tuesday, 27 September 2011 | 2 comments


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).

2 comments:

Pundi Klik said...

Berita Terbaru dan terpercaya. Kunjungi Pundisports

Lurrie Kurniasih said...

Keren gan infonya. Artikel ttg Cara Mengubah Warna Teks di HTML sangat bagus dan sangat membantu sy sebagai pemula… Untuk mengubah warna font, propertinya adalah:
color : warna; dengan value warna diisikan dengan warna yang diinginkan, dapat berupa kode
hexadesimalnya, maupun nama eksplisitnya. . Sukses terus wat agan ya… Trimaksh...........semangat…

kunjungi website saya ya : https://lurriekurniasih.mahasiswa.atmaluhur.ac.id
dan website kampus saya : http://www.atmaluhur.ac.id

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Copyright 2011. w3-id.blogspot.com. | Template by o-om.com - zoomtemplate.com