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)

his is a drop cap with an Image Background, blue text and dark blue border.

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)

his is a drop cap with an Animated Image Background, blue text and dark blue border.

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;"

hese are only a few possibilities of what you can do to dress up your text.