Style Sheet Examples

What's so new about it?Click for a closer lookDetails and discounts on the HTML FoldoutsBuy the HTML Foldouts A free public service by VisiBone. Here are some cascading style sheet examples. See the start tag that makes it happen decorated in its own style.  <span ...>  To use it, just cut and paste the start tag. Don't forget the end-tag.  </span>  For example:
<span style="color:red">cherry</span>
looks like this:
cherry
See the VisiBone Styles Foldout up close for a complete CSS Cascading Style Sheets reference.


<span style="background-color:#FFCCCC;">
<span style="background-image:url('grid.gif')" >
<span style="border:black solid 1px;">

<span style="color:red;">
<span style="cursor:wait;" > (hover cursor to see the hourglass)
<span style="font:bold italic 16px serif;" >
<span style="font-size:17px;" >
<span style="font-family:Arial,Helvetica,sans-serif;" >
<span style="font-style:italic;" >
<span style="font-variant:small-caps;" >
<span style="font-weight:bold;" >
<span style="text-decoration:underline;">
<span style="letter-spacing:3px">
horizontal alignment:
<div style= "text-align: left;">
(for paragraphs and table cells)

positioning offset: <span style="position:relative;top:0px;left:0px;"> <span style="position:absolute;top:0px;left:0px;"> <span style="position:absolute;top:0px;right:0px;">
superscripting and subscripting:<span style="vertical-align:super;"> 
--------------------------------
<span style="line-height:22px;">
--------------------------------