First letter using diferent color and style

If you want to style first letter different then other on your site you have to apply some css code in your css style.
I use that on my web site as you can see.
I use next code:

#maincontent .right_side h2:first-letter {
font-family : "Times New Roman", times, serif;
font-size : 24px;
font-style: italic;
color : #a7c44e; 
}

Example: i use this combination to make my first letter different color in my case Green color on right side at h2 tag.
You can play with this code any way you want to sweat your needs.
This code work with all modern browsers.
I hope you learn something new today ;).

» Posted in: Css Tutorials