All About Text
How do I change the text?
Don't forget the start tags and end tags. All the codes on this page go in between these two tags!
<style type="text/css"> |
</style> |
Text Aspects
To change the background color, use this code.
td,p,body{color:#000000;font:10pt verdana;font-weight:bold;text-decoration:underline;}
With this code, all you have to do is replace the hex code with the color you want your normal text to be. Then change the font point to what size you would like your font to be. The font weight is set to bold, you can set it to none if you would like. If you see below, you can see the different types of text decoration you can use. Or, if you don't want a text decoration, type in "none". You can also combine two commands by typing both in and leaving a space between them, such as "underline overline".
- underline
- underline overline
- overline
- line-through
- none
You can set a different color and style for the bold, italic and underline text on the entire page with this code.
b, i, u{color:#000000;font-weight:bold;}
Defining Bold Effect
If you only want to define a bold effect for the page, use this code.
b{color:#000000;font-weight:bold;}
Defining Italic Effect
If you only want to define a bold effect for the page, use this code.
i{color:#000000;font-weight:bold;}
Defining Underline Effect
If you only want to define a bold effect for the page, use this code.
u{color:#000000;font-weight:bold;}
Text Properties
Now we'll go over the individual properties you can add into a text property to help define it so it looks exactly the way you want it to. Simply add these effects into your text code, or your bold code, etc. So, you might start out with your basic text code, like this:
td,p,body { color:#000000; font:10pt verdana; } |
Then, you can utilize the following properties by putting them into the code. After this properties list, you can see a completed, decked out text code!
PROPERTY | OPTIONS |
color: OPTION; |
black #000000 etc. |
font-size: OPTION; |
8pt 10pt etc |
font-family: OPTION; |
tahoma verdana etc. |
font-weight: OPTION; |
bold none |
letter-spacing: OPTION; |
1px 2px etc. |
word-spacing: OPTION; |
5px 10px etc. |
line-height: OPTION; |
1px 2px 5px etc |
text-align: OPTION; |
left right center |
text-decoration: OPTION; |
none underline overline blink line-through |
text-transform: OPTION; |
uppercase lowercase capitalize |
And, at the end of playing around with the codes, you may have something that looks like this:
td,p,body { color:#000000; font:10pt verdana; font-weight: bold; letter-spacing: 2px; text-transform: lowercase; text-decoration: none; } |
Position Text
To position text anywhere you want on the page, use this code. Change the "top" value in pixels to how far from the top of the page the text should appear. Set the "left" value in pixels to hor far from the left of the page the text should appear.
<b style=position:absolute;left:0;top:0;font-family:verdana;font-size:8pt;></i>TEXT HERE</b>