|
A bit of class
CSS Stylesheets don't just define standard tags. You can also do heaps of clever
things. This article looks at what you can do with text and tables.
If you have read the rest of the articles on CSS in the developers library
then you will already know how to add special text headings but incase you didn't
read the article on how to do it. Its probably under using CSS. I'm going in
to more detail anyway.
p.heading { font-family: arial; color: #FF0000; }
That would be the style you placed in your style sheet. Because you started
with a p. it will only effect <p> tags but you can miss that our and just
put .heading if you want it to effect everything inside the
tags you place the style in. Now place in in the code:
<p class="heading">Some Heading</p>
That would give you the outcome:
Some Heading
You can also add text decoration:
p.heading { font-family: arial; color: #FF0000; text-decoration:
underline; }
This would produce:
Some Heading
You can also give class tags to tables, chaing their background and each of
the borders individually.
.tableclass{
background-color: #FFFFCC;
border-top: #FF9900 2px solid;
}
|