Dropcap With CSS


How Make CSS Dropcap
Looks pretty, it certainly can be done. In a word processor we can make the first letter in a paragraph to be great or referred to as Dropcap. How about in web? Try the following script.

Create the following script in the HTML document.


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Dropcap with CSS</title>
<style>
p {text-align:justify;}
.dropcap {
width: 1em;
height: 1em;
float: left;
text-align: center;
font-size: 35pt;
color:red;
font-style:italic
}
</style>
</head>
<body>
<p><span class="dropcap">T</span>
his is example of dropcap. <br>
This effect is made with CSS <br>
it's very simple <br>
CSS is very easy <br>
dropcap - dropcap - dropcap</p>
</body>
</html>

The result is the first letter will have the same effect as Dropcap on the word processor.

Dropcap: dropcap effects can be created by using CSS
 
How Make CSS Dropcap

0 comments:

Post a Comment