You have to be careful using hover with list items as visitors may try to click them and go away thinking you have broken links. But a paragraph may not cause them to think you a poor webmaster.
Check out the table below. To use hover with elements other than links, simply create a rule for the someelement : hover. The body width of this page is set to 200px. This document contains rules for:
| body | body:hover |
| LI | LI:hover |
| P | P:hover |
| Table | table:hover |
| .crazy:hover | .pink:hover |
| h2 | h2:hover |
| img:hover |
As you can see, this simple rule offers lots of possibilities — without JavaScript! But be careful not to overdo it.