|
Web Design
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
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.
Business - Click the link on the left to visit our partner sites under business/finance/loan/mortgage category
more 1 2 3 4 5
Computers - Click the link on the left to visit our partner sites under computer hardware/software/peripheral category
more 1 2 3 4 5
Internet - Click the link on the left to visit our partner sites under webhosting/webdesign/internet marketing category
more 1 2 3 4 5
Software - Click the link on the left to visit our partner sites under software category
more 1 2 3 4 5
Web Design - Click the link on the left to visit our partner sites under web design/development category
more 1 2 3 4 5
Web Hosting - Click the link on the left to visit our partner sites under web hosting category
more 1 2 3 4 5
Web Promotion - Click the link on the left to visit our partner sites under search engine optimization/internet marketing category
more 1 2 3 4 5
Web Resources - Click the link on the left to visit our partner sites under other web category
more 1 2 3 4 5
Recreation - Click the link on the left to visit our partner sites under travel/hotel/cruise category
more 1 2 3 4 5
Casino - Click the link on the left to visit our partner sites under online gambling/poker/blackjack/roulette category
more 1 2 3 4 5
Health - Click the link on the left to visit our partner sites under online pharmacy/hospital/health category
more 1 2 3 4 5
Shopping - Click the link on the left to visit our partner sites under online shopping/gift category
more 1 2 3 4 5
Miscellaneous - Click the link on the left to visit our partner sites under all other categories
more 1 2 3 4 5
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.
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;
}
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.
|