Published on: 2005-12-24 - Views: 6654

Digg! del.icio.us Furl reddit spurl bloglines ma.gnolia.com Yahoo MyWeb technorati blogmarks blinklist pixelgroovy Share this tutorial on tutorialicio.us! simpy
You will have noticed that links, by default, are underlined when seen in browsers...and you obviously might not like this behaviour at all.
Well, no worries, thanks to CSS styles you can make your text and links behave exactly as you prefer
Here we'll see some in-line style definitions, by the way the same stuff can be put in the attached style sheet:
<td style="text-decoration: underline;"> Underlined Text
<td style="text-decoration: none;"> Not Underlined Text
<td style="text-decoration: line-through;"> Underlined Text
<td style="text-decoration: overline;"> Overlined Text
And now let's have a look at font styles...
<td style="font_style: normal;"> Normal Text
<td style="font_style: italic;"> Italic Text
and at the font boldness.
<td style="weight: normal;"> Normal Text
<td style="weight: bold;"> Bold Text
Obviously all these effects can be declared also in the attached CSS document, here's an example:

td.myPersonalTDStyle
{
    font-family: Tahoma;
    text-decoration: line-through;
    font-weight: bold;
}


If you are completely new to CSS and don't feel so confident with their use have a look at the CSS basics tutorial.