How To Style Your Text With Css

Styling text with CSS is really simple

Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.

We will start with some basics.

First we define the html where we will be working with.

This is the text

1. Colorize your text

We can select the P tag and add some styles to it.

p {

color:red;

}

Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names. The color names are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow.

2. Define the size of your text

p {

font-size:12px;

}

You can define any font-size you want, 145 pixels is not a problem. That is, technically speaking.

3. Make the text bold or Italic

You can use the font-style property to create these effects.

Bold:

p {

font-weight:bold;

}

Italic

p {

font-style:italic;

}

4. Overline, Underline, strike-through and none

The text-decoration property is useful to create the underline and the other effe

cts we need.

p {

text-decoration:underline;

text-decoration:line-through;

text-decoration:overline;

text-decoration:none;

}

On default, the text doesnt have any lines at all. Except for the link. You can remove the underline by using the text-decoration:none; setting.

You see, its quite easy to style your text using CSS. And you can do it all in a separate stylesheet!

by: Shinan Govani

POST COMMENT

The Requirement Of A Logo Design Get The Unique Designed Disney Costume On Web Wear your Own Style with Emphatic Men's Shirts Flaunt Your Styles With Latest Fashionable Trendy Clothes What Is The Way To Design A Successful Logo Coach Is Creating Many Style Coach Handbags, Don't Hesitate. Elucidating The Process Of Logo Designing Rock Revival The Brand Of Look And Style New Era, True Provider Of Comfort With Style The Contemporary Style Choosing a web design company Wearing Designer Glasses - A Great Experience UK Design Agency wins Russian client