Tuesday, 27 September 2011

Membuat Drop Cap CSS

| Tuesday, 27 September 2011 | 0 comments


Membuat Drop Cap

Ingin  mempercantik  tampilan  paragraf  dengan  menambahkan  drop  cap  pada  huruf
pertamanya? Berikut ini contoh penulisan style untuk membuat hal tersebut.

<!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.styleku:first-letter {
       float: left;
       font-family: "Lucida Grande";
       font-size: 80px;
     }
p {
    text-align : justify;
  }

</style>
</head>

<body>

<h1 id="heading1">Ini Judul Heading 1</h1>

<p  class="styleku">Bagian  ini  adalah  paragraf.  Bagian  ini  adalah
paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini  adalah  paragraf.
Bagian  ini  adalah  paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini
adalah  paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini  adalah
paragraf.  Bagian  ini  adalah  paragraf.  Bagian  ini  adalah  paragraf.
Bagian ini adalah paragraf. Bagian ini adalah paragraf. </p>

</body>
</html>

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