Color Codes for Emphasizing Text in Posts

The chart below shows vivid, medium-dark colors very suitable for highlighting text. They are from the web-safe color palette. Insert the 6-digit code anywhere in the HTML. Also, below the chart is a CSS class for each color to be used in a "div" or "span" to color text. You can copy and paste these classes into your Layout's HTML where the other classes are. (For example, .header … or .post).

To specify that a line or word of text should be given one of the colors below, use the SPAN tag with one of the classes. If we want the words Don't forget! to be highlighted in red, use the SPAN tag as follows: <span class="red">Don't forget!</span>
If you wanted the entire text of the post to be red, the first line of your post must be <div class="red"> …and the last line in the post </div>


We tried to use class names different than the other classes provided in the other three blogs regarding colors for your posts.

.gold {color:#999900;}
.grass {color:#669900;}
.claret {color:#990033;}
.mint {color:#009933;}
.grape {color:#660099;}
.royal {color:#000099;}
.plum {color:#660066;}
.tan {color:#996600;}
.aqua {color:#009999;}
.red {color:#990000;}


No comments:

Post a Comment