Posts Tagged ‘Text Decoration’
How To Style Your Text With CSS
Styling text with CSS is really simple. We can define colors, underline it, make it bold, define font, etc., etc. We start with some basics. First we define the html where we will be working with. This is the text Colorize your text We can choose P-tag and add some style to it. p ( color: red; ) Now our text is red. You can specify any color code you want or choose one of the 16 standard color names. The color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow. Specify the size of your text p ( font-size: 12px; ) You can define any font size you want, is 145 pixels is not a problem. It is, technically speaking. Make 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 no Text-decoration property is a good idea to create the underline and other effects we need. p ( text-decoration: underline; text-decoration: line-through; text-decoration: overline; text-decoration: none; ) On default, the text has not any lines at all. Exception of the link. You can remove the underline by using the text-decoration: none; attitude. You see, it’s pretty easy to style your text using CSS. And you can do everything in a separate stylesheet!