Web Pages Designed With Your Wallet In Mind!
Drop Cap Examples - Vary the styling according to taste.
Example 1: Green Drop Cap (80 Pixels)
This is a drop cap with a green background, white text and darkgreen border.style="margin-right: 6px; margin-top: 5px; float: left; color: #ffffff; background: #00ff00; border: 1px solid #006800; font-size: 80px; line-height: 60px; padding-top: 2px; padding-right: 5px; font-family: times;"
Example 2: Firebrick Drop Cap (80 Pixels)
This is a drop cap with a firebrick background color, white text and white border.style="margin-right: 6px; margin-top: 5px; float: left; background: #b22222; border: 1px solid #ffffff; color: #ffffff; font-size: 80px; line-height: 60px;padding-top: 2px; padding-right: 5px; font-family: times;"
Example 3: Navajo White Drop Cap (80 Pixels)
This is a drop cap with a NavajoWhite background color, blue text and dark blue border.style="margin-right: 6px; margin-top: 5px; float: left; background: #ffdead; border: 1px solid #00008b; color: #0000ff; font-size: 80px; line-height: 60px;padding-top: 2px; padding-right: 5px; font-family: times;"
Example 4: Drop Cap with Image Background (80 Pixels)
style="margin-right: 6px; margin-top: 5px; float: left; background-image: url(Image_Name.jpg); background-repeat: no-repeat; border: 1px solid #00008b; color: #0000ff; font-size: 80px; line-height: 60px;padding-top: 2px; padding-right: 5px; font-family: times;"
Example 5: Drop Cap with Animated Image Background (80 Pixels)
div style="margin-right: 6px; margin-top: 5px; float: left; background-image: url(Image_Name.gif); background-repeat: repeat-y; border: 1px solid #00008b; color: #0000ff; font-size: 80px; line-height: 60px;padding-top: 2px; padding-right: 5px; font-family: times;"






