Tuesday, 27 September 2011

Mengubah Warna Text CSS

| Tuesday, 27 September 2011 | 1 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).

1 comments:

Pundi Klik said...

Berita Terbaru dan terpercaya. Kunjungi Pundisports

:)) ;)) ;;) :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