|
|
|
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 effects 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! |
加入最爱