Web HTML-HTML.com

HTML Codes

HTML Codes > Fonts
previous page Font Weight Setting the Color of Links next page

Font Color

Font colors in styles are set with the color property. For example, this style rule (in a STYLE tag or in a style sheet file ) says that all <STRONG> elements should have a font color of red:

STRONG {color:red}

So when we use the <STRONG> tag:

I feel <STRONG>very strongly</STRONG> about this.

we get this:

I feel very strongly about this.

Remember that it's color , not font-color . All the other font related properties begin with the word font . This is the exception.

Color expressions for color work the same as for HTML color attributes. You can either give the name of a color, or a red-green-blue expression. For example, this code creates a class called preppy where the fonts are hot pink: #FF3399 . Notice that the RGB color code is preceded by a pound ( # ) sign just like in HTML:

.preppy
{
color:#FF3399;
font-weight:900;
}

We can then apply the preppy class to a <SPAN ...> element:

I'm feelin' <SPAN CLASS="preppy">fiiiiiiine</SPAN>.

which gives us

I'm feelin' fiiiiiiine .

previous page Font Weight Setting the Color of Links next page



Recommended: Link Popularity Software : WebPosition Gold : Google Cash : Arelis : Optilink : Search Engine Optimization Software : Search Engine Submission Software : Mike's Marketing Tools : Mike's Ecommerce Software : Search Engine Rankings : Link Popularity Checker : Cheap Domain Registration : Keywords