用图片作超链接的下划线

 波纹线静态下划线， 鼠标停留时出现的波纹线。

心形静态下划线， 鼠标停留时出现的心形下划线。

加入如下代码到head区域
<STYLE type=text/css>A#example1a { BACKGROUND: url(diagonal.gif) repeat-x 100% 100%; PADDING-BOTTOM: 2px; WHITE-SPACE: nowrap; TEXT-DECORATION: none } A#example1b { PADDING-BOTTOM: 2px; WHITE-SPACE: nowrap; TEXT-DECORATION: none } A#example1b:hover { BACKGROUND: url(diagonal.gif) repeat-x 100% 100% } A#example2a { BACKGROUND: url(flower.gif) repeat-x 100% 100%; PADDING-BOTTOM: 10px; WHITE-SPACE: nowrap; TEXT-DECORATION: none } A#example2b { PADDING-BOTTOM: 10px; WHITE-SPACE: nowrap; TEXT-DECORATION: none } A#example2b:hover { BACKGROUND: url(flower.gif) repeat-x 100% 100% } </STYLE>

加入如下代码到body区域
<A id=example1a href="http://www.toto369.net" target="_blank">波纹线静态下划线</A>， <A id=example1b href="http://www.toto369.net" target="_blank">鼠标停留时出现的波纹线</A>。</P> <P><A id=example2a href="http://www.toto369.net" target="_blank">心形静态下划线</A>， <A id=example2b href="http://www.toto369.net" target="_blank">鼠标停留时出现的心形下划线</A>。