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