« Links open in new window/tab »

• DOM Reference
• CSS Reference
• CSS Library
• Image Optimizer
• Favicon Generator

« Links open in new window/tab »

• Mississippi Rollergirls Album
• HS Treasures
• Ceece's Articles
• My FreeLancer Profile
• My Google Ad
• My Golden Oldies
• My WebShots Albums
• Helter Skelter
• Inquiring Minds
• My ImageShack
• My Facebook
• Aim Greenland
• PhotoBucket
• Games
• My Slingo
• Videos
• Music
• RSS Feeds
• StumbleUpon - Lots of Fun!
• World Sunlight Map

Drop Cap Examples
PayneLess Designs

Example 1: Green Drop Cap (80 Pixels)

This is a drop cap with a green background, white text and darkgreen border. Code used: style="margin-right: 6px; margin-top: 5px; float: left; color: #fff; background: #0f0; 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. Code used: style="margin-right: 6px; margin-top: 5px; float: left; background: #b22222; border: 1px solid #fff; color: #fff; 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. Code used: style="margin-right: 6px; margin-top: 5px; float: left; background: #ffdead; border: 1px solid #00008b; color: #00f; 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. Code used: style="margin-right: 6px; margin-top: 5px; float: left; background: url(image_name.jpg) no-repeat; border: 1px solid #00008b; color: #00f; 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. Code used: div style="margin-right: 6px; margin-top: 5px; float: left; background: url(image_name.gif) repeat-y; border: 1px solid #00008b; color: #00f; 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. Just modify the code(s) provided here to suit your tastes.

If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.