HTML Text color codes

Posted by admin November 08, 2011

HTML Text color codes

You can use the following HTML code to specify color text within your HTML
documents.
In HTML, color is applied using
CSS (Cascading Style Sheets). More
specifically, to set the foreground color of an element, you use the
color
property. To set the background color, use the

background-color property.

Text Color - Inline Styles

Using inline styles, your code is inserted within the HTML element that you
want to apply color to. This is done by using the 'style' attribute along with
the span tag.

<p>Normal<br />  text color <span style="color:green">different text <br /> color</span> normal text color <span <br /> style="background-color:yellow">different background <br /> color</span></p><br />

This code results in:

Normal text color different text color normal
text color different background color

Text Color - Embedded Styles:

Using embedded styles, the CSS code is inserted between the
style tags
within the head of the document.

<html><br /> <head><br /> <style type="text/css"><br /> .different-text-color { color: green; }<br /> </style><br /> </head><br /> <body><br /> <p>Normal text color<br /> <span class="different-text-color">different text color</span><br /> normal text color</p><br /> </body><br /> </html><br />

This code results in:

Normal text color different text color
normal text color

Text Color - External Style Sheet

If you have a multiple page website, you should consider placing your text
color code into an
external style
sheet. This makes it much easier to maintain the styles across your whole
website.

Choosing your Colors

There are millions of different colors to choose from when creating color
schemes for websites.

Search This Blog

web design