JS BUG! Please Reload!
TRICKS WITH TEXT

by Flo Deems
  1. Highlighting the background of just a word or phrase:

    This is a sentence with some Highlighted Text in it. Note also that the highlighted text is bold.



  2. This same technique can be used with a "p" instead of a "b." The "b" means "bold" while "p" means to start a new "paragraph."

    Now this whole paragraph will have Highlighted Text in it. But none of the words are "bold."





  3. We can also use the "span" style tag for adding a different background color to text or to just one word in a text line! Just put this code into the line:

    You will now see that two words in this paragraph have a background color.

    For the above three tags, use the color name or a hexadecimal number preceeded by "#" and, if necessary, adjust your font color to show over it...and don't miss the "colon" or it won't work for older browsers!



  4. Underlining a word in a sentence:

    Here's a sentence with this word underlined.



  5. Combine two of the above effects:

    This sentence combines two effects. Please note that you must use a "semi colon" between the "background" and the "text-decoration" attributes to separate them so browsers read the tag correctly.



  6. For a quick button trick to change the color of all the text on a page, please go to this page.


  7. Text shadow effects can be coded onto a page, using the style tag, but only ONE effect will work on each page. If you try to put two different colors of text and shadows, then the second one will end up affecting all the others before it. Click to see a page with colorful text-shadow effects.


  8. Want to indent a paragraph or two from both the left and the right sides without having to insert a table? Here's how you can use blockquote tags to do this.
Back to Flo's Tutes