Highlighting certain part of your post will attract your reader’s focus on something important that you might want to relate in your post. This following piece of codes will let you highlight the background of your post like what you are seeing now
.blue { background: #e0ffff; text-align:center; border: 2px solid #add8e6; }
Copy and paste these codes anywhere into your stylesheet. You can change the color of the background by replacing it with the color codes of your choice. Similarly for the border. If you want a wider border simply change the attributes for the border to anything higher than the 2 pixels. If you do not want dotted borders, change the word “dotted” to “solid.”
You can have as many colors as you want. All you have to do is to copy these codes again and again into your stylesheet. Each time you copy, replace the colors and the borders to your choice. Remember to change the class name though. The example above is classified by the words blue, so I can easily remember what my background colors are. So if you want a few different colored background, you must classify each with a word that you can remember easily.
To use these codes in your blog post enclose whatever you want to highlight using the <p> tag with the class attribute, like thus.
<p class=”xxxxxx”>All your text that you want highlighted here</p>
xxxxxx= the word you have used to classify all the individual background color. The example below is stated blue. Use your own specification for your own colors.
This sentence is wrapped with the p class equals blue tags
You can also add small images to these code for different purpose. It will be discussed in my next post. Meanwhile go try highlighting part of your post
