All CSS properties of link elements can be combined into:
| The following is the quoted content: a { text-decoration: none; background: url(underline.gif) repeat-x 100% 100%; padding-bottom: 4px; white-space: nowrap; } |
If you want to customize the underline effect to only appear when the mouse rolls over the link, just set the CSS background attribute to the :hover pseudo-class, instead of setting the style directly on the link element.
| The following is the quoted content: a { a:hover { |