0 like 0 dislike
398 views
in Articles by
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.
<p> This is the text </p>

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 effects we need.
p {
  text-decoration:underline;
  text-decoration:line-through;
  text-decoration:overline;
  text-decoration:none;
}

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

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

Please log in or register to reply to this topic.

Related topics

0 like 0 dislike
0 replies 520 views
posted in Articles by Camella
0 like 0 dislike
0 replies 500 views
posted in Articles by Madept
0 like 0 dislike
0 replies 682 views
posted in Articles by Amigod
0 like 0 dislike
0 replies 497 views
posted in Articles by Prepatriarch
0 like 0 dislike
0 replies 603 views
posted in Articles by Knighthawk
0 like 0 dislike
0 replies 599 views
posted in Articles by SilkPredator
0 like 0 dislike
0 replies 558 views
0 like 0 dislike
0 replies 576 views
0 like 0 dislike
0 replies 567 views
0 like 0 dislike
0 replies 505 views
posted in Articles by HuggingDuck
0 like 0 dislike
0 replies 534 views
0 like 0 dislike
0 replies 433 views
posted in Articles by AfternoonFay
0 like 0 dislike
0 replies 572 views
0 like 0 dislike
0 replies 572 views
posted in Articles by HarshThunder
0 like 0 dislike
0 replies 648 views
posted in Articles by Scorpeon
0 like 0 dislike
0 replies 598 views
posted in Articles by Knighttime
0 like 0 dislike
0 replies 655 views
0 like 0 dislike
0 replies 559 views
0 like 0 dislike
0 replies 598 views
0 like 0 dislike
0 replies 568 views
posted in Articles by LovableStorm
0 like 0 dislike
0 replies 532 views
0 like 0 dislike
0 replies 546 views
posted in Articles by Amigod
0 like 0 dislike
0 replies 549 views
posted in Articles by Cybora
0 like 0 dislike
0 replies 505 views
posted in Articles by Explorer
0 like 0 dislike
0 replies 498 views
0 like 0 dislike
0 replies 490 views
0 like 0 dislike
0 replies 557 views
posted in Articles by Hawkward
0 like 0 dislike
0 replies 476 views
posted in Articles by FlamboyantChomper
0 like 0 dislike
0 replies 446 views
posted in Articles by PlushSeal
0 like 0 dislike
0 replies 506 views
posted in Articles by CheeryGrin

55,459 topics

594 replies

3 comments

1,623,835 users

Connect with us:
...