5 cheap   CSS    tricks

 

1) No-underline links

Text links doesn't have an underline! <style> A.nocolor {text-decoration:none;color:green; }</style>

2) Rollover text links

Text changes color for "red" where mouse is over <style> A:hover {color:red; }</style>

3) Background image for block elements

< div style="background-image:url('your_image.gif')" > ..... < /div >
MY TEXT
 
 
 
My Text

4) Highlight text

Simplest, fastest, and cheapest < span style="background-color:orange" > ..... < /span >

5) Fancy table borders

Table with green, thin border
< table style="border:2px solid green" > ... </table >
Table with double red border
< table style="border:5px double red" > ... </table >