Cascading Style Sheets (CSS); Getting Started
By Will Bontrager2003-10-01
Another A Tag
|
|
Another A tag style you may wish to utilize is "hover" style. This style becomes effective when the mouse cursor hovers above the linked text. The "hover" style works in IE 5+ and in Netscape 6+. The style has no effect for browsers that don't support "hover". Here is an example "hover" style:
A:hover {
text-decoration: none;
color: purple;
background: pink;
font-size: 22px;
font-weight: bold;
}
The above causes any underlines or line-throughs to disappear, turns the linked text color purple with a pink background, changes the text size to 22 pixels, and makes the text bold.
Some of the styles demonstrated in the examples cause dramatic effects. They serve to demonstrate possibilities. Your actual implementation will probably be more pleasant to the eyes.
Tutorial Pages:
» Getting Started
» A Bit More...
» Got You Wondering?
» The One Exception
» Another A Tag
Copyright 2004 Bontrager Connection, LLC
|
