Ever read an old book or a newspaper, the first alphabet of some paragraphs are a bit diffrent than the rest, that effect is called a drop cap. CSS allows webmasters to use a drop cap on their pages.
The first alphabet of this paragraph has a drop cap.
The first alphabet of this paragraph has a drop cap.
Copy & Paste the following code in the HEAD section of your webpage.
1. |
<STYLE TYPE="text/css"> <!-- p:first-letter{ font-size: large } --> </STYLE> |
2. | <STYLE TYPE="text/css"> <!-- .paragraph:first-letter{ color: navy; font-size: large; font-style: italic; font-family: times,serif; font-weight: bold; } --> </STYLE> |
Like wise you change the appearance of first line of a paragraph from the rest.
”Men wanted for hazardous journey.Small wages, bitter cold, long months of complete darkness, constant danger, safe return doubtful.Copy & Paste the following code in the HEAD section of your webpage.
Honor and recognition in case of success”.
- advertisement by Sir Ernest Shackleton, in London newspapers in 1900, for the National Antarctic Expedition.
<STYLE TYPE="text/css"> <!-- p: first-letter { color: purple; font-weight: bold; font-family: times,serif; } --> </STYLE> |