Tuesday, 27 September 2011

Mengubah Warna Background Text di CSS

| Tuesday, 27 September 2011 | 0 comments


Mengubah Warna Background Text

Apabila  Anda  ingin  mengubah  warna  background  text,  maka  berikut  ini  adalah
propertinya:

background : warna;

cara  penulisan  value  dari  warna  sama  dengan  color,  yaitu  dapat  berupa  nama  eksplisit
warna yang diinginkan maupun kode hexadesimalnya.

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">

body {
background : green;
     }

p.styled {
           font-family: "Palatino Linotype";
     font-size: 20px;
     color: #FF0000;
background: #FFFFFF; /* warna putih */
         }
p {
color: orange;
font-weight: bold;
background: #000000;  /* warna hitam */
  }

</style>
</head>

<body>

<p  class="styled">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>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>




Pada  contoh  di  atas,  bagian  body  diberi  warna  background  (seluruh  halaman),  namun
perkecualian  untuk  bagian  paragraf.  Paragraf  pertama  diberi  warna  background  putih 
sedangkan paragraf kedua diberi warna hitam.

0 comments:

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